Skip to main content
Solved

Auto Layout spacing doesn't respond to child component variant size changes when nested within a parent component

  • July 30, 2024
  • 2 replies
  • 192 views

bringley

Hi community, this is my first topic.

I often use Auto Layout with components. These components have variants that change dimension upon an interaction, such as clicking on an element in order to expand it into a larger element. Generally this just works.

However, when I nest components with Auto Layout within a parent component, the Auto Layout spacing no longer responds to changed dimensions that result from the child component interactions, and the child components in the Auto Layout overlap with one another.

Is this a limitation of Figma, or is there a way to make this work? Thank you for your time!

Best answer by Daniel_Sanchez_Bedoya

Just found out this answer from a collegue!! It occurs when the autolayout is set to a group within the component and not to the component itself. Just ungroup the layout you have inherited within the component and set it to the component. Hope this works for you too!

This topic has been closed for replies.

2 replies

Daniel_Sanchez_Bedoya

Just found out this answer from a collegue!! It occurs when the autolayout is set to a group within the component and not to the component itself. Just ungroup the layout you have inherited within the component and set it to the component. Hope this works for you too!


Daniel_Sanchez_Bedoya

:)