-
-
Notifications
You must be signed in to change notification settings - Fork 885
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[BUG] AnimatePresence won't unmount fastly changing content #907
Labels
bug
Something isn't working
Comments
I have the same issue |
This was referenced May 17, 2022
JaeSeoKim
added a commit
to JaeSeoKim/motion
that referenced
this issue
Jun 3, 2022
JaeSeoKim
added a commit
to JaeSeoKim/motion
that referenced
this issue
Jun 6, 2022
JaeSeoKim
added a commit
to JaeSeoKim/motion
that referenced
this issue
Jun 10, 2022
utileetdulce
pushed a commit
to artcom/motion
that referenced
this issue
Aug 10, 2022
JaeSeoKim
added a commit
to JaeSeoKim/motion
that referenced
this issue
Aug 17, 2022
utileetdulce
pushed a commit
to utileetdulce/motion
that referenced
this issue
Oct 24, 2022
Look at this issue please. |
This problem is still observed to this day |
Ran a few tests and It seems version ✅ Hope this helps to diagnose @mattgperry. Meanwhile a potential workaround #1682 (comment) (haven't tested myself). |
Since fixed |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Bug description:
Hi,
I'm using AnimatePresence to animate text that shows up while hovering over some tiles.
I noticed that if I hover quickly over the tiles, AnimatePresence will play the text animations correctly, but will not unmount the component after the exit animation plays.
I want said animation to happen every time a user hovers over a different tile, so in my case the animation happens when:
CodeSandbox:
https://codesandbox.io/s/animatepresence-quick-key-change-bug-zggbr?file=/src/HoverText.js
Steps to reproduce:
Video of bug:
Correctly animates, and then unmounts:
correct_behaviour_animatepresence.mp4
Correctly animates, and then doesn't unmount:
incorrect_behavior_animatepresence_BUG.mp4
Also, sometimes if you hover over a couple of tiles slowly, the component does unmount, but this behavior is not consistent.
I am using the exitBeforeEnter prop on my AnimatePresence, but the problem persists even without it.
Expected behavior:
After a user hovers over the tiles quickly, AnimatePresence should unmount the HoverText component after its exit animation.
Environment details:
Using Chrome (Version 87.0.4280.88) on Windows
The text was updated successfully, but these errors were encountered: