Prototype goes back to top of page when autoframe elements change height

[West_Holtermann]

I’m using elements that expand downwards on click, pushing the content below it down the page. My pages are set up with autolayout as that’s the only way that I’m aware of to have the page height dynamically change in a prototype.

But this seems to force the page back to the top for a moment every time an element expands or contracts if I’m not already scrolled all the way to the top of the page. The page position then goes back to where it was before. This makes for a very jittery, unnatural prototype experience. Is there a way around this?

I’ve linked an example of my project here – the issues at the bottom of the screens with chevron icons expand and contract to show or hide information.

Figma

[Nellya]

Unfortunately Figma can’t work correctly with smart animate components in auto layout. The only solution to fix the jumping is to change the smart animate animation to instant in variants of the selected components

[tank666]

In fact, there is another way, which I wrote about in a similar topic:

@tank666

this is due to a bug in the smart animation of auto layout frames. There are two solutions here:

1. Instead of “Smart animate”, use “Instant”.
2. Wrap your auto layout in a frame of a fixed height (set the height equal to the height of the device), and also change the overflow scrolling behavior (from “No scrolling” to “Vertical”) of this frame.