javascriptanimationframer-motionframerjsreact-animations

Framer-Motion Exit Animation not firing on outer parent

Using AnimatePresence here from framer-motion and the exit animation of the outer parent does not seem to fire.

The enter animations fire for all 3 elements. For the exit animaions, only the 2 children's exit animations fire. The outer parent vanishes with no exit animation. What gives?

CodeSandbox: https://codesandbox.io/s/dusty-badger-forked-yu5xm?file=/components/overlay.js

Solution

  • This was a confirmed bug with transition: { when: "afterChildren" } and has been fixed in framer-motion@3.5.3.