Figma Bug with Auto Layout and components overflowing containers

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 :link:


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.

1 Like

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.

Same problem, and every day got more and more objects broken :face_with_symbols_over_mouth:. First results of Adobe buy Figma? :joy:

1 Like

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

1 Like

@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? :joy:

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.

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.