Skip to main content

Jun-23-2023 13-47-38


I created a small demo for the icon hovering state which will change color and show a tooltip on hover. But when I was using the variables to control this, it seems like the “While hovering” state is not working properly and it will never change back to the original state anymore.

wondering whether it’s a bug? shouldn’t the variables change back to the default states when the cursor is no longer there?


(also I’m not able to use the “mouse out” together with “while hovering”, wonder how others deal with this)

That also doesn’t seem to revert but maybe I am doing something wrong?


Ex. If you have Inactive (base variant) and Active variant of a field input…



  • Place the Inactive variant

  • Set Mouse Enter to the Active variant

  • Set Mouse Leave to the original Inactive variant

  • View in the prototype, it retains the Active variant only, even on Mouse Leave




EDIT: This is actually using variants because variable colors weren’t changing for me but I think this demonstrates the issue I’m experiencing with Mouse Leave.


EDIT 2: Oh wait this is now working for me with color variables! Yay! Thank y’all for the help. Would love for this to work with variants too but that seems like a separate issue.

This happens for me too. When changing a variable (for me a number) while hovering, it doesn’t revert to the original state when you leave the hover, even when adding a mouse-leave interaction to set the variable to the original variable.

I have a number variable - ‘shown state’ set to hidden = 0, show = 129, and have set a while hovering interaction to set the shown state to 129, with the original value being 0 on it’s height. It expands in height to 129px while hovering, but does not revert to 0 when not hovering and on mouse leave. It’s extremely frustating.

Maybe it’s an idea to leave out functionality that doesn’t work in Figma. So Figma users don’t get frustrated and die trying 😤

Flagging that with more complex prototypes, using mouse in and mouse out still doesn’t have consistent hover behavior, and often the hover states will remain active even if mouse out has happened.

Just to keep this issue alive will add that I have same issue.

Is it still not be fixed? Mouse enter and leave also doesn’t work to me T.T is there anyone have some idea to create the similar functions instead of? Thanks in advanced.

same problem here

Also having the same issue - wasted a lot of time trying to find a solution, but nothing works

I’m having the same issuer here too with “While Hovering” it doesn’t seem to reset the variable when you stop hovering. I tried using Modes and Conditional statements but nothing seems to work.

Like, this is a bug right? I saw another post where the solution was to use “on mouse enter” and “on mouse leave” but the hover option should just work as expected, right?

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.

Terms & ConditionsCookie settings