Skip to main content
Mojo
New Participant
October 6, 2022
Question

Bug Auto Layout and components overflowing containers

  • October 6, 2022
  • 33 replies
  • 5418 views

Anyone else having this bug, where things you paste, or randomly-based, overflow the container?
Every time y paste things auto layout seems to behave the worst way possible.
And as soon as you double click the component or break it, it gets fixed.

Se Video for reference pliz 🔗

This topic has been closed for replies.

33 replies

JosephxBrick
Active Member
October 10, 2022

Hi! Auto-layout has been very broken for a while now. The symptom I see most often is “fill container” not filling container, and I’ve seen three things that cause it, though not every time:

  1. changing auto-layout direction from vertical to horizontal or vice-versa
  2. changing a component instance to a different variant
  3. accepting updates from a library change (for component instances with auto-layout)

The third is by far the worst, as it can essentially break any instance’s auto-layout anywhere on the page. I’m forever finding broken auto-layouts. If it’s in an instance, usually double clicking on the offending layer fixes it. If it’s not an instance, you need to select the broken layer, change it to Hug or Fixed, then reset it to Fill.

The Figma folks are surely aware of this bug. It’s impossible to use auto-layout on a regular basis and not see this happen.

I wrote a script (to run in the Scripter plugin) that fixes this (at least temporarily) for all objects on a page or in the current selection. I run it before presenting any design.

Julio_del_Rio
October 11, 2022

I’m having the same issue, it’s super frustating and it also breaks when you update any component inside that parent component. I’ve seen it occurs mostly with text elements with “fill-container” value
I hope they fix it soon, it’s impossible to work fast with this issue.

note: to avoid double clicking on the components try cmd+click on the text that’s causing the overflow.

Mikhail13
October 31, 2022

Same problem, and every day got more and more objects broken 🤬. First results of Adobe buy Figma? 😂

Mikhail13
November 8, 2022

Figma still ruins filled objects. Thanks to @JosephxBrick for the script.

Mikhail13
November 9, 2022

@Figma_Support I’m gonna report every day till this bug would be fixed. Bug is extremely annoying, so why I can’t be so? 😂

Daniel_Rothbard1
November 29, 2022

Bumping this.

My entire team has been running into this bug a lot. It also appears in Prototype view which makes user testing a pain.

Workaround:
For some reason you just need to select the object that is broken to fix (as shown in the loom video)

An easy fix is to just select all the elements with a page and hit “enter” as many times as needed to get to the bottom-most component. That should fix all the fill wonkiness within the page for a little bit.

Friend
New Member
December 9, 2022

Has anyone heard anything new regarding this bug? It’s extremely frustrating! There are also other components with ‘fill container’ that turns into ‘fixed’ when used elsewhere. Here the double click-thing doesn’t work at all, no matter how many things I try. These bugs make it really hard to use and develop the system that I’m currently working on.

Mojo
MojoAuthor
New Participant
December 9, 2022

Seems like figma went radio-silence on this

Friend
New Member
December 9, 2022

@Figma_Support a status update on this would be highly appreciated! <3

Mojo
MojoAuthor
New Participant
December 20, 2022

if you guys can report the bug on figma, I did, here is how https://help.figma.com/hc/en-us/articles/360041468234-Submit-a-bug-report