Why event fires twice?

Good evening I can not understand why in the following code, the event is transitionend fires twice.
JSFIDDLE

Why, when there is transitionend and removeTransition is called, console.log(e) displays the following:
5b52361f4c539904867617.png

Ie console shows that all transition are duplicated, why is this happening?
June 3rd 19 at 19:20
1 answer
June 3rd 19 at 19:22
Solution
It is not clear what is duplicated. PropertyName everyone is different => it's OK. Put the code on jsfiddle that we could poke
Added - frederik.Wyman commented on June 3rd 19 at 19:25
they don't
duplicated
(if anything, brace - a set of two any objects).

All right. Several animations, some event'ov. Read the documentation - https://developer.mozilla.org/en-US/docs/Web/Event... - Myrtis commented on June 3rd 19 at 19:28
look carefully at the screenshot, but rather on the propertyName. There should be 6 and 12 and they are repeated. A total of 6 properties: box-shadow, transform, border-right-color, border-left-color, border-top-color, border-bottom-color. But they are duplicated. - frederik.Wyman commented on June 3rd 19 at 19:31
Ah, I understand, did not notice. The fact that the animation ends when you delete a class and ends with a different animation (the button comes to its previous state).

Try not to remove the class playing and will see a total of 6 messages.

https://jsfiddle.net/Svupol/Ltvwa32y/17/ - Myrtis commented on June 3rd 19 at 19:34
Exactly, hmm I had be so blunt - frederik.Wyman commented on June 3rd 19 at 19:37

Find more questions by tags JavaScript