v-enter class is removed immediately when using animation transition

[teh-obeng]

Version

2.5.17

Reproduction link

https://jsfiddle.net/u9wryh32/2/embedded/result/#Result

Steps to reproduce

1. Click 'toggle' button
2. When the text component is still animating, inspect its class
3. Got bounce-enter-active instead of bounce-enter bounce-enter-active

What is expected?

It will have bounce-enter bounce-enter-active class

What is actually happening?

It only has bounce-enter-active class

---

The docs stated

CSS animations are applied in the same way as CSS transitions, the difference being that v-enter is not removed immediately after the element is inserted, but on an animationend event.

https://vuejs.org/v2/guide/transitions.html#CSS-Animations

[posva]

@chrisvfritz @yyx990803 aren't the docs inaccurate here? To me it would make sense the v-enter class to also be removed on animations (or even to not get applied at all)

[chrisvfritz]

@sdras What are your thoughts on this (having probably built more animations than the rest of us combined)? 😄 What behavior would you expect?

[yuzhihang]

got the same problem, is there any one explain it?
see also
https://forum.vuejs.org/t/v-enter-class-is-removed-immediately-when-using-animation-transition/46368

[bangbangde]

我也遇到了这个问题，很疑惑为什么这个问题到现在还没有被处理