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

Forge Component
Published on 1 Jun (5 days ago) by OutSystems R&D
84 votes
Published on 1 Jun (5 days ago) by OutSystems R&D


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


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?