Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[BUG] AnimatePresence stutters on exit
See original GitHub issueI have a sidebar i’m trying to animate opening and closing via the width. It opens smoothly but on close/exit it hangs for a good bit before snapping closed.
https://codesandbox.io/s/kind-galileo-ejknx?file=/src/App.js
Steps to reproduce
Click the “Open” button then click the “Close” button.
Expected behavior
I expect it to close as smoothly as it opens
Environment details
Mac Chrome
Issue Analytics
- State:
- Created 3 years ago
- Comments:5
Top Results From Across the Web
Framer motion choppy exit animation? : r/reactjs - Reddit
Here is a screen recording of the problem, the initial animation looks ... https://www.framer.com/docs/animate-presence/###exitbeforeenter.
Read more >Framer motion Animate Presence exit issue - Stack Overflow
It looks like using the imperative AnimationControls API is overriding the other declarative animation settings for the element (like exit ) ...
Read more >iOS 16.2 fixes laggy iPhone animations when scrolling, exiting ...
iOS 16.2 resolves a longstanding bug causing choppy or stuttering system animations on iPhone Pros when exiting apps, scrolling and more.
Read more >Framer Motion (for React) #11 - Animate Presence - YouTube
Hey gang, in this Framer Motion tutorial we'll take a look at the AnimatePresence component to animate elements exiting the DOM.
Read more >framer motion | enter and exit animations - YouTube
I was really surprised by this video, it was a bit hard to find (videos on the first few pages not having what...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@rakestto it’s the padding that causes the stutter
https://codesandbox.io/s/bug-when-the-item-is-closed-forked-u6cp7
(I just tweaked your styles.css file)
Thank you. I was became crazy with it!