I created this tooltip box (union of a rectangle and triangle). It’s set so that the text width adjusts according to the width of the tooltip box. I also want the size of the box to be adjustable, but am coming across 2 issues:
I’m not sure what settings are needed to fix this. This is what I have currently:
Autolayout of whole component. The text itself is set to fill/hug.
Set the text layer’s height to hug, and also the container of tooltip to hug
Maybe your container is set to hug but the text height is fixed.
The union shape is fixed though. Figma isn’t giving me the option to change it to anything else
How did you do it? Can you show me your layers?
Hmmm. I don’t think that’s going to be easy since you use a vector for your bg, but I guess it has something to do with the stroke.
Triangle pointer doesn’t maintain same width
That’s because it’s being scaled together with the container.
Box height isn’t changing to accommodate the text line number increasing
Your vector’s dimension is fixed.
How about trying something like this? (attached)
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.