animation-iteration-count has no effect
Version
3.2.26
Reproduction link
Steps to reproduce
use animation-iteration-count in style to make the animation run multiple times.
What is expected?
The animation should run multiple times.
What is actually happening?
The animation only runs once.
The animationend event is never triggered.
animation-iteration-count
only works if the element stays in the DOM. Vue removes the element on animationend
event, which fires after each iteration. Supporting this property is out of scope for Vue.
animation-iteration-count
only works if the element stays in the DOM. Vue removes the element onanimationend
event, which fires after each iteration. Supporting this property is out of scope for Vue.
That's incorrect. animationend
event only be fired after the last iteration has completed. If Vue removes the element on animationend
event, then animation-iteration-count
should work as expected.