Skip to main content
Solved

Text expanding up


Tom_H

I have created a tooltip with text and autolayout. It expands as text is added/deleted as it should. This tooltip hovers over the label of an input field. Is it possible to have this expand upward (in negative Y) as text is added? That would maintain the prescribed alignment and padding in relation to the label.
If I pull the text layer out of the component it does expand upward as it’s set to “align bottom”, so autolayout is overriding.
Thanks.

Best answer by Jake_Moore1

It’s possible, but it’s silly.

Create your tooltip as an auto-layout frame containing your text and your bubble tail (absolute position), if you have one.

Tooltip layout alignment: Center, Bottom
Text alignment: Align bottom
Tail: Center, Top

Now take the whole tooltip frame and rotate it 180 degrees so it’s upside down.

Then select your text layer and change its rotation from 180 to 0. Same for your tail, which you’ll need to reposition to the bottom of the tooltip.

Now your tooltip will expand upward.

View original
This topic has been closed for replies.

3 replies

Jake_Moore1

It’s possible, but it’s silly.

Create your tooltip as an auto-layout frame containing your text and your bubble tail (absolute position), if you have one.

Tooltip layout alignment: Center, Bottom
Text alignment: Align bottom
Tail: Center, Top

Now take the whole tooltip frame and rotate it 180 degrees so it’s upside down.

Then select your text layer and change its rotation from 180 to 0. Same for your tail, which you’ll need to reposition to the bottom of the tooltip.

Now your tooltip will expand upward.


Tom_H
  • Author
  • 1 reply
  • August 15, 2023

Thanks Jake. That IS a workaround and appears to be the only option. I’d like to have that and a Drop Down out of the box for my Figma wish list. Thanks again.


  • 0 replies
  • August 18, 2023

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.


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