[BUG] positionTransition animation delayed when children exit

Describe the bug When AnimatePresence children unmount, the exit animation happens to completion before positionTransition animations take place. When new children mount, no such delay exists.

To Reproduce Steps to reproduce the behavior:

1. Create basic example with AnimatePresence parent and <motion.*> children.

<AnimatePresence>
  <motion.div />
  <motion.div />
</AnimatePresence>

1. Add animation props to <motion.div> children

<motion.div
  animate={{ opacity: 1 }}
  initial={{ opacity: 0 }}
  exit={{ opacity: 0 }}
  key={uniqueKey}
  positionTransition
/>

1. Create a way to add/remove <motion.div> children.

<button onClick={handleAdd}>Add Child</button>

<AnimatePresence>
  <motion.div onClick={handleRemove} {...} />
</AnimatePresence>

1. Observe that when adding a child, all animations (opacity and position) happen simultaneous, but when removing a child, opacity/exit transitions happen first, and then position animations.

See example: https://codesandbox.io/s/framer-motion-reorder-animation-rlojg

Expected behavior All animations happen simultaneously unless otherwise specified via delay prop, etc.

Desktop (please complete the following information):

• OS: Mac
• Browser: Chrome
• Version 75.0.3770.142

[mattgperry]

I’m gonna look into this as part of Framer Motion 2 and AnimateSharedLayout

[colepeters]

@InventingWithMonster Just following up — I’ve updated to to 2.0 and notice this staggered exit/smooth entrance issue is still around. Is it something you’re still looking into, or is it fixed and I’m just not implementing it properly?