Skip to content
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 does not execute exiting animations in sequence during fast renders #2462

Open
regexyl opened this issue Jan 3, 2024 · 1 comment Β· Fixed by #2477
Open
Labels
bug Something isn't working

Comments

@regexyl
Copy link
Contributor

regexyl commented Jan 3, 2024

1. Read the FAQs πŸ‘‡
βœ…

2. Describe the bug
Items with an exit animation within the <AnimatePresence /> component do not reliably exit in sequence during fast renders.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug
https://codesandbox.io/p/devbox/dreamy-liskov-q35pmx

4. Steps to reproduce

  1. Click on the 'Add' button a few times in quick succession.
  2. Notice that the list items that appear below the button exit in a non-sequential order.

5. Expected behavior
The list items should exit in sequential order even during fast renders.

6. Video or screenshots

framer-motion-bug.mov

Notice that 'hey 6' jumped above 'hey 5' at the 0:04 second mark, while 'hey 7' disappeared before it's supposed to.

@regexyl regexyl added the bug Something isn't working label Jan 3, 2024
@regexyl
Copy link
Contributor Author

regexyl commented Jan 3, 2024

Working on a fix for this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants