1.2.6 ng-animate: doesn't transition when a 2nd transition is triggered

[bbottema]

jsfiddle

Angularjs 1.2.6 scenario: 2 inputs, 1 textbox (sounds kinda dirty). The inputs both trigger a show / hide transition on blur / focus events and focus always comes after blur if click from one input to another. Even the text binding shows the proper current state (info.show = true or false based on these focus / blur events).

Without ngAnimate it works perfect. When ngAnimate is added as dependency, transitions stop working properly. In the jsfiddle, simply remove ngAnimate (leaving an empty array) and it works just fine.

Just click on one input: textbox fades in. Now directly click the other input: text updates properly, but box still fades out.

[matsko]

I've been working on this for the past few days. This wonderous example introduced three separate bugs into the addClass / removeClass feature. On bug three now, almost there.

[matsko]

Fixed.
https://s3.amazonaws.com/angularjs-dev/ng-animate-race-condition-fix/example/animate.html

[matsko]

That was a massive challenge. Thanks a bunch for pointing out this bug.

[bbottema]

Happy to see it fixed and I'm glad I could be of some help.