Vue Transition Group Animation - start v-move only after v-leave finishes

507 views Asked by At

I would like to have the following flow:

5 items on a stack of notifications.

1 item is poped, so it enters on v-leave state, while the other 4 items don't animate at all. After item enters on v-leave state, the other 4 items animate to their new position.

.leave-active,
.fade-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}

.fade-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
0

There are 0 answers