This topic is also addressed in this thread, but there were no responses to it.
In my scenario, if the mouse is being held down, the mouse leave event doesn’t fire. I’ve wired up a basic component that illustrates this- the orange box changes to red when mouse down fires, and the resulting red box should change to purple on mouse leave (or orange on mouse up). However, the box does not change to purple until I stop holding down my mouse. Here is the prototype and a video of the resulting interaction:
I’ve tested this type of interaction using raw JS in an empty webpage, and Figma does not behave in a consistent way: the mouseleave JS event still fires even while the mouse is held down.
I haven’t tried this with other Figma mouse interactions, but the OP of the thread I mentioned earlier seems to indicate that none of the mouse events properly fire while the mouse is held down. This is holding back my prototype and I can’t find any documentation that would indicate that this is the intended behavior.
you should put the (mouse up) on the red not on the orange because the mouse being up on the red, the way you did it would work if you applying the interaction on the instance not inside the component. hope this help
I apologize if there was any confusion- but I added the mouse up event solely for the demonstration, and it is not a part of the problem that I’m experiencing. If I delete that interaction, mouse leave still does not fire until I lift up my mouse.
It looks like this is an intended behavior at the moment, so I have to say it is a feature limitation. Our product team acknowledged your feedback and will consider for the future enhancements.
Thanks for the response. This outcome isn’t documented anywhere which made it difficult for me to understand why it wasn’t working when it appeared that I had prototyped the interaction correctly.
