Skip to main content
Solved

Mouse leave vs. mouse move outside

Mai_Phuong_Vu

So I was trying to do some mouse leave prototyping, and I did use mouse leave for the interaction. But then it became mouse move outside

image

It did do what I wanted it to do. Then I tried to recreate it, however it is just mouse leave now.

image

And it turns out that I actually want the interaction to be mouse move outside because the mouse leave is just not doing the same.

But I cannot figure out how to recreate it or what cause the mouse move outside in the first place.

Does anyone know how I did that in the first place?

Best answer by Celine_D

Hi everyone,

To give you more visibility, with the Little Big Updates that were recently released, weā€™re trying to make our mouse events more predictable without changing any existing prototypes. The ā€œMouse move inside / mouse move outsideā€ interactions are deprecated versions of the ā€œMouse enter / mouse leaveā€ interactions that worked in an unpredictable way. We have created new versions of these interactions and in the process, renamed the old ones to ā€œmouse move inside/ mouse move outsideā€ to avoid changing and breaking any existing prototype interactions in user files.
The interactions you see using ā€œmouse move insideā€ and ā€œmouse move outsideā€ are using the old version and were not automatically updated to use the new versions. They should still work as they did before, but in the interim we appreciate your help to manually update any existing interactions that you would like to change to use the latest version.

Please also note that these older versions are no longer accessible when creating new or updating existing interactions and we are currently not intending to add any options for users to set the old version on any new interactions.

If you are seeing cases where the behaviour in your prototypes have stopped working (using either the older or the new ā€œmouse enter/mouse leaveā€ options available in the UI dropdown; please let us know and we will flag them further for the engineers to take a further look. We appreciate any examples you could provide of how you expect the interaction to work versus how it is behaving. Please reach out to us by filling this form: https://help.figma.com/hc/en-us/requests/new

We apologize again for the confusion caused here by the sudden change, and weā€™ve pass along your feedback to the team.

Thank you!

View original

11 replies

Nicolette_Perez1

Same thing is happening to me. For both mouse leave/mouse move outside and mouse enter/mouse move inside.

A prototype I have using mouse move inside is working as expected, but when I go to recreate, I only can do mouse enter, which is not having matching behavior.

Solange_Valverde
1 person likes this
  • Solange_Valverde
    Solange_Valverde
Hampus_Svallfors

Same here. I would love it have it back ^^

Mai_Phuong_Vu

For me this literally happened like less than 24 hours apart šŸ˜­ So I feel like it is still in there, I just have 0 clue how I made it happen lmao

Celine_D
Figmate
  • Celine_D
  • Community Support
  • 3381 replies
  • December 5, 2023

Hey Mai,
Thanks for flagging this! Please reach out directly to the support team here: https://help.figma.com/hc/en-us/requests/new Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com, so we can take a closer look. Thank you!

Edit: For visibility, after checking internally, the team was trying to make our mouse events more predictable without changing any existing prototypes. Still, it would be great that we investigate further if there is any bug on your end. Thank you!

JustJest
  • JustJest
  • 19 replies
  • December 5, 2023

This happened to components in a design system Iā€™m working on: all instances of Mouse Enter and Mouse Leave have today changed to Mouse move inside and Mouse move outside.

What happened? It would be all right if this update preserved the old event functionality but it does not. Are these updated names for the old events? Are these new events that behave differently from mouse enter and mouse leave. How can I fix this so I donā€™t have to manually updates hundreds of components?

Mai_Phuong_Vu

I am still not sure why this is happening, but based on my experience the two are different and not a rename for mouse leave/enter

Im not sure if this would solve your problem, but for me, if i disconnect it and then reconnect it, it will be mouse leave / enter and not the other one. But im not sure how long it will stay like that as it seems like for you it randomly changed after a while. I hope this could help you at least temporarily.

For me, I want to get the other ones, but im not sure when it turns into that šŸ„²

Mai_Phuong_Vu

Hey Celine, thank you! I will message the support team!

Celine_D
1 person likes this
  • Celine_D
    Celine_D
JustJest
  • JustJest
  • 19 replies
  • December 6, 2023

It was very strange that it suddenly updated all the events.

Youā€™re right, if I disconnect and reconnect I can select mouse enter/leave but I donā€™t want to manually do that with a design system full of components with hundreds of variants. It would be way too time consuming and who is to say that it wonā€™t randomly be updated again. I appreciate your help though!

JustJest
  • JustJest
  • 19 replies
  • December 6, 2023

ā€¦the team was trying to make our mouse events more predictable without changing any existing prototypes. Still, it would be great that we investigate further if there is any bug on your end.

There seems to be a bug on my end. In my design system file all component events automatically updated from mouse enter and mouse leave to mouse move inside and mouse move outside. Is there a way that we can switch these back without my team having to manually do this?

I also submitted a support ticket about this yesterday. Thank you.

F

Well whatever changes they made it seems to be working based on the prototype Iā€™m working on.

Mouse enter triggers event when pointer enters/already inside trigger object. This behaviour is new.

Mouse moves inside triggers event when pointer enters / moves inside trigger object. This is how it behaves previously, and the one i prefer for my project.

Both has its own use case I think.

Celine_D
Figmate
  • Celine_D
  • Community Support
  • 3381 replies
  • Answer
  • December 12, 2023

Hi everyone,

To give you more visibility, with the Little Big Updates that were recently released, weā€™re trying to make our mouse events more predictable without changing any existing prototypes. The ā€œMouse move inside / mouse move outsideā€ interactions are deprecated versions of the ā€œMouse enter / mouse leaveā€ interactions that worked in an unpredictable way. We have created new versions of these interactions and in the process, renamed the old ones to ā€œmouse move inside/ mouse move outsideā€ to avoid changing and breaking any existing prototype interactions in user files.
The interactions you see using ā€œmouse move insideā€ and ā€œmouse move outsideā€ are using the old version and were not automatically updated to use the new versions. They should still work as they did before, but in the interim we appreciate your help to manually update any existing interactions that you would like to change to use the latest version.

Please also note that these older versions are no longer accessible when creating new or updating existing interactions and we are currently not intending to add any options for users to set the old version on any new interactions.

If you are seeing cases where the behaviour in your prototypes have stopped working (using either the older or the new ā€œmouse enter/mouse leaveā€ options available in the UI dropdown; please let us know and we will flag them further for the engineers to take a further look. We appreciate any examples you could provide of how you expect the interaction to work versus how it is behaving. Please reach out to us by filling this form: https://help.figma.com/hc/en-us/requests/new

We apologize again for the confusion caused here by the sudden change, and weā€™ve pass along your feedback to the team.

Thank you!

Pyetro
1 person likes this
  • Pyetro
    Pyetro

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings