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

Mahdi Rahman

New Member

We need if/else relative functionality for boolean properties, or at least having a toggle in auto layout frame setting to hide a frame when it is empty.

andrew.taylor

New Member

+1 for this fix. I have an older component that was using too many variants that I’m cleaning up and the older comp works how we intend it to but when I create the new one with more boolean properties then the container won’t collapse (outlined in Red). I’m pulling my hair out.

The top screen shot shows the row 2 layer and it’s children hidden. The comp then was responsive and hugged the contents visible.

The bottom screen shows the row 2 layer and it’s children hidden but the comp doesn’t respond and hug.

AntoineAuthor

Active Member

3 years later and still no solution, c’mon Figma!

Ashley_Presman

New Member

Please fix! I just had to create 80+ additional variants due to this issue and will have to follow this pattern for other components as well.

Jessica van t Erve

New Member

+1 for solving this. Even with the workaround it doesn’t actually work.

Nathan2

New Participant

+1. i would love to have this fixed. lost a chunk of time today figuring this out.

Maciej_Mozejko

New Member

Please fix it, we beg you

Marcus_Sjoholm

New Member

+1!

Makes no sense for a container with a height set to “hug” to have an height if all children are hidden 😴

Sophie_Riehn

New Member

Keeping this alive, as it is really needed.
My example: Having a tag with various leading items you can activate – like an icon in front of the label or a notification or several other things. Can’t build this component in a clean way as the AF does not collapse.
The hack with the 0 size frame does not fix it as the paddings did not dissapear.

Ryan Pitt

New Member

Basically the same as everyone else, +1 so the thread doesn’t die

Show more replies

Sign up

Login with SSO

Login to the community

Login with SSO