Symbol doesn't adjust size when embedded symbols are changed

[oes (Öykü)]

Hey there,
We are running and issue with embedded symbols when we want to use automatic resizing. Below shows a mockup version of the issue.

When we make a symbol with vertical layout with symbols inside, it does not adjust its height when we change the embedded symbols with different sized ones. However the same configurations done to a group results in correct autoresizing. Manual resizing of the symbol also does not work without detaching it.
Our project requires reoccuring use of grouped symbols thus we tried to make it a symbol and change bits where it is needed. But we cannot seem to figure out how to.

I am adding another screenshot so you can see how we set up the symbol layout.

Thank you for contributions!

[dfmedrano (Jorge)]

Hi there @oes

Thanks for sharing this and including the screenshots. To get the desired behavior in the symbol, add vertical layout to the nested rectangles as well, so you have:

Base symbols

• Rectangle S + vertical layout
• Rectangle M + vertical layout
• Rectangle L + vertical layout

Stack symbol
Already has vertical layout

Here’s a quick demo and a sample file

stack symbol.sketch (6.6 KB)

I hope this helps!

[oes (Öykü)]

Thank you for your reply. So far this seems to solve most of the problem! We will have to readjust some of our embedded symbols to work with vertical layout as they weren’t designed to do so But this solves our issue. Thank you!!

[dfmedrano (Jorge)]

Hey, happy to help!

Let us know if we can help with anything else!