Interactions with smart animate not working as expected when position is fixed and document is scrolled down

When using fixed positions, the variant i swap to seems to stick to its “non-sticky” position within the document, and stick to the viewport only after animations have finished. This affects smart animations only.

To reproduce: Create smart animated interaction > Apply fixed position > scroll down a bit, and trigger interaction > experience weird jerkiness :slight_smile:

3 Likes

Hello @smlsvnssn, have you found a fix ? I have the same issue :frowning:

Sorry, no fix, and no feedback from figma on the issue as of yet. Waiting patiently…

@Nicolas_Lebrun As it happened, I found a fix just now: Instead of putting the scrollable content directly in the topmost frame, wrap it in another frame, make that frame the same size as the parent frame, check “fix position when scrolling” to true (So that the parent frame has fixed content only), and set scrolling as desired on the child frame. A bit convoluted and hacky, but it works!

10 Likes

Nice, thanks for the fix :+1:

Genius, thanks a lot :blue_heart:

1 Like

Huge thank you! Totally worked to preserve scroll position in overlay with variants.

Wow! totally fixed it! thanks.

Just what I needed, thanks!

Thank you for the fix. Worked just fine now.