Transition: custom appear(-active/to) classes stay on the element after transition ends.
Vue version
3.2.20
Link to minimal reproduction
Steps to reproduce
When using the Transition component, add the property apper= true and add the property appearToClass to wrap a component that uses the v-show directive in the component defaults to false, and then when the component is initialized, change v-show=true, and the class added by the appearToClass property will not disappear on the node all the time
What is expected?
correct
What is actually happening?
The appearToClass property remained
System Info
No response
Any additional comments?
No response
these classes are not meant to stay on the element. they are added for one frame at the end, and removed right after the transition finishes. So this works as intended.
v-enter-to: Ending state for enter. Added one frame after the element is inserted (at the same time v-enter-from is removed), removed when the transition/animation finishes.
https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
appear-to works the same.
Yes, these classes really shouldn't have been kept, but eventually he did, so this is a bug