Skip to main content
Solved

Auto layout in nested component not hugging text


Hi all. I built two nested components where all the text and auto layouts are vertically set to Hug (and horizontally set to Fixed for the outer container and Fill for all layouts/text inside). It is mostly working. However, in some places, if I place text into an instance, and that text is longer than the character count of the component’s box, the instance’s box will not grow to “hug” all the content. Instead it cuts the content off. It especially seems to happen if there is a button or an image below the text box in question.

An image is attached. The red outlines show the places it is happening. On the bottom red box you can see an example of the text being longer than the box (box not hugging).

Any help is appreciated. Thanks!

Best answer by dvaliao

Hey Shawn, thanks for reaching out!

I tried to reproduce the issue and only managed to replicate, if I clicked Truncate text, which hides overflow content, under my Type settings.

Can you please double-check your Type settings to see if that may be causing the issue?

View original

3 replies

dvaliao
Figmate
  • Community Support
  • 4603 replies
  • Answer
  • April 3, 2024

Hey Shawn, thanks for reaching out!

I tried to reproduce the issue and only managed to replicate, if I clicked Truncate text, which hides overflow content, under my Type settings.

Can you please double-check your Type settings to see if that may be causing the issue?


Yes, @dvaliao, that is it! Truncate text was on, so I turned it off and now everything is functioning as I had hoped. Thank you so much!


dvaliao
Figmate
  • Community Support
  • 4603 replies
  • April 4, 2024

You’re welcome! So glad to hear we figured it out! 🙂


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings