Figma Support Forum

Support Auto Layout in Interactive Components

Thank you for the transparency! It makes all the difference between being frustrated or being excited. I’m really excited for this one!

Interactive components is already great, but auto layout × interactive components will enable me to make prototypes who would otherwise haunt me in my sleep.

2 Likes

Been thinking and experimenting a bit relating to this. I’m sure all you wonderful Figma peeps are all over it, but thought I’d post anyway - who knows, maybe someone has already solved the problem and can tell me about it :slight_smile:

Sometimes I want to be using autolayout, for example in a long form, but I don’t want a change in the variant to affect the layout - opening a dropdown is the use case I’m working with at the moment. Issues I’ve struck/am thinking about for this:

  • A possible workaround is to put the opened dropdown items outside the component frame ala tool tips, but then I can’t apply “while hovered” interactions
  • if I’m placing elements outside the original frame, then I also can’t use “clip content”. That’s a problem for components that have scrolling content
  • a workaround for the first workaround is to use a “mouse enter”, but then I also need to apply a “mouse leave” interaction, which is a bit redundant
  • position of the new (non-autolayout affecting) variant needs to be controllable. I might want the dropdown menu to appear on top of the previous variant/state so that the currently selected value is exactly on top of the closed dropdown control for example.
  • z-order in an autolayout when changing a component size that doesn’t affect the layout is a pain as well, but that’s been covered in other threads :slight_smile:
3 Likes

Came here to report that too.

+1

+1

+1 …Came here to vote for this as I encountered the same problem today. Wanted to implement a fairly simple progressive disclosure pattern, and was unable to, as the items in my Autolayout form do not shift down or up when using interactive components.

1 Like

Keep us posted on this on Nikolas. Super helpful.

Here I was thinking I was going crazy with nothing resizing based on the auto layout. Is there any update on this? It would make variants SO much more useful.

2 Likes

+1 Same here, was expecting it to work with expanding some dropdowns that would push the rest of the content down, but it still doesn’t work like this.

1 Like

+1.

Same issue here with my textfield component when it’s in typing state. the cursor’s position will return to its position as set in component.

Nudging it that little bit higher :point_up::point_up:

1 Like

+1 for “Get it done” :+1: Looking forward to it!

+1 Adding Auto layout support would make interactive components super powerful. Just an additional nudge.

1 Like