Interactive accordion on auto-layout page - bug

[Martina_Vitakova]

My first-ever question to the community, please be nice, haha.

I have a problem with accordions in my prototypes. They work fine if they are on a short page, but when they are on a longer auto-layout page they bug. Every time you click on it it skips up and back to open/close. I even tried to use other people’s perfect accordions and it does the same thing. Anybody else has this problem? Any solution?

Here is a simple prototype to show you what I mean. On the second page, you have to scroll to the accordion. I did that for you to properly see the problem.

Figma

Any inside welcome, please and thank you!

[tank666]

@Martina_Vitakova,

@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.