[Silk UI Mobile] Floating element is moving when inside web block or container

[Silk UI Mobile] Floating element is moving when inside web block or container

  
Forge Component
(14)
Published on 18 Oct (9 hours ago) by OutSystems R&D
14 votes
Published on 18 Oct (9 hours ago) by OutSystems R&D

Hi,

In our mobile app we have several floating content blocks. The ones that are on top level of screen are ok. But if it is used inside a container or a web block then when screen is scrolling the block is changing position and when scroll is ended it restores its proper position. This movents are rather flickery and not looking good. Is there a workaround for it?

Thank you

Hi!

Is there any CSS being applied to that container? We've seen a problematic behavior on iOS where fixed elements whould move during the scroll with that flicker.

So far, we did not see this happening with the FloatingContent pattern, but we have a workaround on FliatingActions to move the pattern content inside another DOM element, other than the scrollable DIV.

You can do it easily using the action "MoveElement" on MobilePatterns.

Hi Dinis,


Could you elaborate a bit more on this?

The MoveElement actions takes objects. Did you get the object of the "Element" and the "Target" using Javascript?

Do you possibly have an example?


Regards,

Roeland