How to make one list item push another on open? (auto layout not working)

Question

Those two list item components are same component with collapsed and open variant. I would like to have upper one pushing lower one down on opening and vice versa on collapsing. Is something like that feasable with Figma?
Later I am planning to add more items, but I am trying to avoid complex components with dozens of variants.
Thank you in advance for your support

Gleb · Accepted Answer

Are you using Interactive Components Beta?              Support Auto Layout in Interactive Components Feedback        Auto Layout doesn’t work quite right with interactive components in playback yet, but our goal is to get this working before we officially launch this feature (i.e. once it’s no longer in beta). Just to make sure we’re talking about the same thing: in the example below, if you have an interactive component with a collapsed and expanded state, ideally you’d want expanding the first component to push down the rest in the stack, right? The expected behavior for this beta is that Auto Layout works …

Dane_Zakula · Answer

Yes and it’s still in beta… Thank you Gleb, that’s exactly what I am missing here. It will be awesome when they fix it, expandable/collapsible components are part of almost every UI.

Reply

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded