Skip to main content
_Alex
May 6, 2021
Question

Hover state doesn't reset

  • May 6, 2021
  • 63 replies
  • 9792 views

I used hover to create button hover states, but since today it no longer resets to its original state when I stop hovering. I can mimic the intended use by using mouse enter and mouse leaves, but until today hover worked.

It also doesn’t reset when you open an overlay, it’ll remain in its “hover” state forever, even when using mouse enter/mouse leaves.

This topic has been closed for replies.

63 replies

Vasundhara_Ghose
May 28, 2024

Thank you its worked 🙂

Matt_Birtch
June 14, 2024

Still having this issue

Mark_White1
New Member
June 14, 2024

How is this still a thing! Come on Figma, this is basic interactions and its driving me mad!
I’ve tried using the ‘reset component state’ and options others have mentioned here.

This wouldnt be such a problem if I could also apply ‘change to’ to ‘this’ component within the component I’m in.

Please, Please, please fix this its 3 years old!

Bez1
New Participant
July 18, 2024

Also facing this issue. mind boggling this hasn’t been fixed more than 3 years later
but more frustrating is the fact there is not a single dev response here acknowledging this issue. I guess since Adobe didn’t buy you at the end, you decided to just be like Adobe>
Very disappointing

Esther4
August 19, 2024

Same issue here.
When using the “mouse leave” workaround, all is well until I navigate to another page where the component is present. The component in question resets to the hover state upon navigation. I have to hover over it once more to reset it to normal. I wasted hours trying to fix this.
Super infuriating, especially when running usability tests 😕

jbrycedavis
New Participant
September 17, 2024

Bumping - same things here…

Joe_Cloughley
New Participant
September 17, 2024

I have this issue as well.

Jermold_Compton1
New Member
September 19, 2024

Bump. I’ve been facing this problem as well.

Sebastien_Boval
September 23, 2024

Same here. Quite annoying.

Thompson
New Participant
October 13, 2024

I’m not certain this is the same for everyone else, but, for me, it is always when I have a component with a hover state interaction nested in another component. Refreshing the prototype window doesn’t fix it. Work around? Use ‘on mouse enter/exit’ instead of ‘while hovering’. 🫤