Transition hangs if the transition is immediately cancelled #1116
Description
Fiddle: http://jsfiddle.net/nkovacs/eaf85xfa/
I think the transitionend event is not fired, since no transition happened.
Using a callback in enter and leave fixes it: http://jsfiddle.net/nkovacs/eaf85xfa/1/
But this has two problems:
- if the enter animation is cancelled, it still waits for the callback of component 1's leave animation before the second component can start animating in. The leave hook would have to take into account the elements current opacity and calculate the correct timeout. (e.g.: http://jsfiddle.net/nkovacs/mrfysga5/)
- If you click the button again, there will be two "Component 2"'s on the page, one leaving, one entering. Keep clicking it and you'll have several.