Skip to main content

Grid container with Hug Contents doesn’t resize when content is hidden

  • January 14, 2026
  • 0 replies
  • 24 views

Rozerin

Hi all 👋

 

I’m working with a Description List component built using CSS-like grids in Figma (term + description per row).

Each row is sized to its content, and the overall component height is also set to hug contents.

 

However, when I hide a row (e.g. term + description), the container height does not automatically resize to the remaining visible content.

Instead, I have to manually resize the container, and I end up seeing purple grid lines below the visible content.

 

What I would expect (and what I’m used to with other components) is that the container immediately shrinks when content is removed or hidden.

 

Questions:

  • Is this a known limitation when using grids in Figma?

  • Has anyone found a workaround for this?

  • Or should this be considered a feature request so hidden grid rows no longer affect container height?

 

Curious if others have run into this as well 🙂

 

I’ve attached a short video showing the issue:

 

Thanks!