Framer-Motion Exit Animation 未在外部父级上触发

Question

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

Answer 1

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