"While hovering" state for variable is not working

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)

7 Likes

This happens with me too. Whenever I add some variable logic or conditional, it removes the hover interaction.

2 Likes

same here. it behaves the same as “mouse enter”. and gets especially funky if you have logic to change its appearance like +4 to it’s height while hovering. it’ll grow each time you hover with no return to its not hovered state.

1 Like

I’ve been adding a mouse leave in a lot of cases to then revert the change. Annoying, but works fine.

2 Likes

same here. It would be fantastic to change a variable just on hover. Thanks

2 Likes

Same. Not working, just keeps the hover state.

2 Likes

Same +333333333.
working… !!! Intermittent!!!

Same problem here. With mouth enter and leave too ! It doesn’t work with variables :confused:

I have this same issue, tried both ‘while hovering’ as well as mouse enter/leave and more often than not, it stays in the hover state.

1 Like

Same. Trying to change a text variable when hovering on various components. Prototype doesn’t make the switch. Tried mouse enter and mouse leave, no help

Same. I have an interesting hook though. I have a table with rows. I have the background color of each row bound to a variable for the color…

var: row-1 value: #ffffff
var: row-2 value: #CCCCCC

I have the variable switch on mouse-enter:

row1.onMouseEnter.setVariable.row-1 = #somelightbluecolor
row1.onMouseOut.setVariable.row-1 = #ffffff

Strange thing is, it will only work for the last defined row. It will change all the rows to the light blue color on mouse enter but will only switch back to white on the last defined mouse action.

1 Like

Same issue here. Would be fantastic to have it work since I have many buttons in my design system and would hate to create 300 variants just for hover interaction for each button.

2 Likes

I am having the same issue. With mouse enter / mouse leave - the hover state sticks. When I try to use hover to set the variable, nothing happens. Just wonky all around. :frowning:

1 Like

Same here, although I am 100% it worked the first time I previewed the animation. After that I can’t get it to work anymore: while hovering doesn’t do anything for me, mouse leave don’t set the collar variable to the value I want, so I couldn’t find a way around this.

I have the same problem. Almost all pages stopped hovering buttons in variations

Same for me: the interactions only work on the last item I configure.

I’m getting something very similar. I try to update a string variable for a tooltip on mouseEnter, and the show the tooltip onHover, but the onHover function doesn’t work (unless I remove the variable part)

Same thing here still. Any news of when this will be fixed?

1 Like

This is my first time creating hover states with variables. In my case nothing changes at all, when I hover the element with the cursor.

I put the interaction on a multi-variant component and created different variables for the default and hover state. Which I then select the hover variable. I do not get it. If it is possible to configure this, then it should work that way, right?

Agree, mind-blowing that something as basic as this doesn’t work. But glad to lean it’s not just me.

Edit: I could’ve sworn this used to work. So many things in Figma seem to be broken now and tasks generally take me a lot longer than they did a couple of years ago. I’m actually scared about taking on large freelance UI projects for fear of having a nervous breakdown due to missing deadlines or looking incompetent because of all these bugs.

Figma/Adobe — fix this now.

1 Like