precedent icon indicating copy to clipboard operation
precedent copied to clipboard

Published 20 hours ago • verified publisher icon steven-tey

Framer Motion Exit looks like not working

Open huuphongsan opened this issue 2 years ago • 3 comments

Hello, I notice that the animation when modal is closed not working. It disappears suddenly when we click on blur to close Modal. I tried to find some solution, mostly about Framer Motion but I see there are nothing wrong. 🧐 Anyone knows how to fix it, I think UX will be better so much if we can fix it.

huuphongsan avatar Jan 17 '23 03:01 huuphongsan

cc: @gt-codes who made this PR on Dub to fix this, but there were some caveats to it (it doesn’t allow for AnimatePresence to animate the Dialog overlay)

steven-tey avatar Jan 17 '23 04:01 steven-tey

#20 fixed PR

azaek avatar Jan 19 '23 15:01 azaek

There are 2 AnimatePresence wrapped in total for screenWidth < 768 which causes it. Just replace the <AnimatePresence> wrap in leaflet.tsx with <>

azaek avatar Jan 19 '23 15:01 azaek