Skip to main content
Question

Set Button Width Not Holding on Hover when Used Inside a Component

  • November 7, 2024
  • 2 replies
  • 34 views

lauren.macurak

I seem to have found an issue where whether or not my design is set up as a component is impacting its nested button hover state in prototype mode.
I’ve attached a screen recording in which you can see this happening. The top design is set as a component, and the nested button component inside of it is changing widths on hover. The bottom design however is detached and this is not happening.
I will note that I did add a min-width to the button component in these examples.

This topic has been closed for replies.

2 replies

Vinicius_Faria

Same issue here!

Figma – 20 Nov 24

Jess_Bellatti

Hi @Vinicius_Faria, Lauren and I were able to solve this! The issue was that the minimum button width wasn’t set on the parent component. Originally, it was only overridden in the nested component, and setting the same minimum width on the parent component solved this issue. Hope that helps!


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