Skip to main content
_Alex
May 6, 2021 9:01 AM UTC
Question

Hover state doesn't reset

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 4:20 AM UTC

Thank you its worked 🙂

Matt_Birtch
Jun 14, 2024 12:16 PM UTC

Still having this issue

Mark_White1
New Member
Jun 14, 2024 3:51 PM UTC

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
Jul 18, 2024 2:11 PM UTC

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
Aug 19, 2024 12:30 PM UTC

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
Sep 17, 2024 5:48 PM UTC

Bumping - same things here…

Joe_Cloughley
New Participant
Sep 17, 2024 8:57 PM UTC

I have this issue as well.

Jermold_Compton1
New Member
Sep 19, 2024 2:43 PM UTC

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

Sebastien_Boval
Sep 23, 2024 9:33 AM UTC

Same here. Quite annoying.

Thompson
New Participant
Oct 13, 2024 8:52 PM UTC

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’. 🫤