433
Views
2
Comments
[OutSystems UI] Floating element is moving when inside web block or container
Question
outsystems-ui
Reactive icon
Forge asset by OutSystems

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

2021-02-26 15-02-11
Dinis Carvalho
Staff

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.

UserImage.jpg
Roeland Deichsel

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

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.