tomchentw/react-toastr

Mousemove stops hideAnimation

KochiyaOcean opened this issue · 2 comments

KochiyaOcean commented

Steps to reproduce:

  • Use a hideAnimation with movement such as fadeOutDown
  • Toggle a toast
  • Click to dismiss it
  • Move mouse out of toast then quickly move into it again
  • The hideAnimation is interrupted and return to the origin position.

yxvhwsdiud

RangarajKaushikSundar commented

@KochiyaOcean Thank you for the query. I believe this is an intended feature and can be very helpful.

Explanation: If the user has hovered over a toast notification, then we can assume that the user is currently reviewing it. If the user clicks on it by mistake or hovers "in and out" which would close the toast notification, by focusing (hovering in) on the toast, it will not be closed until the user has completely moved out from it. Please feel free to share your thoughts.

KochiyaOcean commented

I got it. Thanks for your explanation :-)