Active Member

"Empty" Auto Layout Frame keeps the size of last hidden child

Forum|Forum|4 years ago
May 19, 2022
125 replies
14039 views

Hi, I’m not sure if this is new since the May update, but I wonder why “empty” (all elements hidden) Auto Layout Frames keep the size of the last hidden child (and I do not mean last in the list, but the last element to have been toggled out of view by the user), making them not-0px high even with nothing in them.

See here a file with a Frame with three hidden rectangle: the Frame keeps the size of the last child rectangle to have been hidden. When adding a 0-px Frame to the AL frame, and toggling this 0-px Frame off last, the container goes 0-px.

In my opinion, empty AL Frames should have a height of 0. What do you think?

Share an idea

Pinned Reply By djv

Hey All, thanks for your continued feedback, and we apologize for the confusion caused by this!

As mentioned above, this is behavior is currently a known feature limitation in Figma.
We do not allow Auto layout frames to collapse to 0 when the child layers are hidden, so it is expected that the frame will remain sized as if they were shown.

Again, the team’s original solution was more complicated than they originally anticipated. They will need more bandwidth and more heads to collaborate to get this working as expected.

Our team is still actively tracking this as a feature request and quality improvement for future prioritization. Rest-assured that every new comment is being added to our our open report to give this topic more visibility so that it can be pushed to the top of the team’s priority list.

We’ll be sure to provide an update as soon as we can, but also keep an eye out on our future releases .

Show previous replies

MichaelF

New Participant

+1 agree, removing all content from an autolayout should collapse to zero, as it does in CSS.

Martyn_Bowis

Active Member

I don’t know Figma’s reasoning, but to me it makes sense not to collapse empty autolayout frames because if they become size 0 then it would be tedious to put things inside them.

Why tedious if auto layouts collapse to zero? Easy from Layers tree.

Jesse_Wallace

New Participant

also having an issue with this trying to build extensible, reusable components. Absolute PITA.

Pedro_Vinagre

Still no fix for this?
It’s really annoying!

For example, if you want to have a side by side supporting text and char count in a text field, one aligned left, the other aligned right, they can both live in the same horizontal space.
But if I hide both of them, the space of the autolayout stays visible. It’s not always one or another, sometimes both need to be out from the component.

JonnyA

I don’t understand, this should have been fixed along with the release of Wrapping and Min/Max Widths at Config, more CSS properties. If the goal is to have more parity with how layouts are handled in code, this should be addressed as soon as possible.

Too painful to have to find a workaround and really detrimental to building robust and scalable design systems.