Component instance behaves differently than the component

[Roozbeh2]

As you can see in the video the component, instance behaves differently than the component. Is this a bug?

[y_toku]

Hey there,

Probably this one is a known feature limitation and there is a workaround as shown below:

Instances not resizing with variable swaps

This is happening because nested instances keep their size upon swapping. There is no way to avoid this key mechanic. However, there is a workaround: the instance needs to have auto layout enabled with hug contents constraints. [Resizing options in the right panel: both axis are set to hug contents for the nested instance.] Here is an example: https://figma.fun/pI2KuG [Components: resizable and non-resizable, fixed and auto layout] Unfortunately, if you want to keep this component manually …

Could you try this out? If the issue persists, would you be able to share the file link with access to support-share@figma.com? It won’t affect your billing. I hope I can investigate it further.

Thanks,
Toku

[Roozbeh2]

@Instances not resizing with variable swaps

r and hug contents are inco

Thank you. I added auto layout to the collapsed and expanded components inside the main component and set the resizing as you mentioned and it fixed the issue.