"while hovering" state for variable is not working

Share an idea
1

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)

4 Likes
2

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

1 Like
3

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.

4

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

1 Like
5

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

6

Same. Not working, just keeps the hover state.

7

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

8

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

9

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
10

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

11

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
12

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.

13

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:

14

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.

15

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

16

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

17

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)