Skip to main content
Question

Component Variants - text disappears?

  • January 16, 2023
  • 9 replies
  • 1458 views

Celimar

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

Same, it also happens to me!


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


y_toku
Figmate
  • Community Support
  • 2545 replies
  • February 20, 2024

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


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
  • 2545 replies
  • February 21, 2024

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

Thanks again!


  • 1 reply
  • March 21, 2024

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
  • 2545 replies
  • March 28, 2024

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


Thanks a lot @y_toku , it’s working


Daphne_Correa1

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


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