Skip to main content

I have a component that stacks a list of tasks, and each task can be replaced by a group of tasks. The component itself works fine, but when I change an instance, the elements of the instance are restored to the height of the original element in the component, ignoring the “Hug” height setting that has been applied to each element. This means that if I have a hidden group and an expanded group in the original component, after an interaction cycle (open-close, close-open) in the instance, when expanding the hidden group again, it will have the height of the hidden group instead of adjusting the height to the expanded group. In the second case, if I hide the expanded group, it will retain the height of the expanded group.

image

Hi there,


Thanks for reaching out! While I haven’t had a chance to check your file, it sounds like this is a known feature limitation for nested instances, where changing variants or swapping instances in nested instances does not update their sizes according to the new selections.


As a workaround, you can enable auto layout on each new variant of your components to allow the nested instances to resize correctly.


I hope it helps, but if I’m misunderstanding the issue, please let me know, and feel free to share your file link with access to support-share@figma.com.


Thanks,

Toku

Reply


Terms & ConditionsCookie settings