Skip to main content
Celimar
Jan 16, 2023 8:30 PM UTC
Question

Component Variants - text disappears?

When creating a component with variants (checkbox frame) and putting a text label next to it, the text disappears after I drag it into the component in the layers section. Any idea why that is?

I followed this video: Figma tutorial: Interactive components - YouTube

Watch from min 2:00 to understand my issue. Thanks!

This topic has been closed for replies.

9 replies

Apr 11, 2023 12:23 PM UTC

Same, it also happens to me!

Feb 16, 2024 6:56 PM UTC

Are we going to get a response for this in 2024?

y_toku
Figmate
Community Support
Feb 20, 2024 2:35 AM UTC

Hey there,

Thanks for flagging. Could you please share the screen recordings or file link so we can investigate? I’m not be able to reproduce this behavior.

Thanks,
Toku

Feb 20, 2024 3:44 PM UTC

Hello! I was just rereading the the original post and my issue was slightly different. I was seeing text disappearing on hover (from an interactive component). However, I have since then fixed the issue. My resolution was to change “on hover” to “mouse enter/mouse leave” and that seemed to fix most of the glitching I was seeing. I also was dealing with three levels deep of component nesting which might have contributed?

y_toku
Figmate
Community Support
Feb 21, 2024 7:59 AM UTC

Thanks for sharing your solutions. Yeah, mouse enter/leave could solve the problem when you have any issues while hovering triggers.

Thanks again!

Mar 21, 2024 2:14 PM UTC

Does this actually fix the issue? I am watching the same video on YouTube and have the exact issue the poster was talking about. What is going on?

y_toku
Figmate
Community Support
Mar 28, 2024 5:10 AM UTC

Hi there,

I’m guessing variants have “Clip content” checked, but could you take a look?

clip content

If you uncheck it, the text layer should appear. Please let me know if it doesn’t work for you.

Thanks,
Toku

Apr 23, 2024 10:28 AM UTC

Thanks a lot @y_toku , it’s working

Daphne_Correa1
Sep 19, 2024 2:44 PM UTC

The text disappears because it is outside the frame. For example, if you put the text inside the checkbox, it will appear. What you need to do is create a frame and then design the checkbox and the text label.

Screenshot 2024-09-19 at 13.29.57