ng-animate skips animation "under pressure"

[chrisguttandin]

I created a simple fiddle to explain my problem: https://jsfiddle.net/akpr3jej/1/. It does no more than changing a dynamic class when clicked on one of the buttons. Changing this class triggers an animation. If you do that a number of times very fast, there will be no animation anymore and the colors are switched abrupt from one to the other.

I could reproduce this behavior in Chrome, Opera and Safari. But it seems to be working in Firefox.

[matsko]

Alright I see what's going on here.

Once #12248 is in I will have a go at this. We should get this fixed by next week.

[chrisguttandin]

Many thanks for looking into this @matsko.

[matsko]

Alright so #12248 is fine, but it looks like the issue at hand is something else. I'll spend time today looking into it. My guess is that it has something do with this $timeout value leaking into follow-up animations: https://github.com/angular/angular.js/blob/master/src/ngAnimate/animateCss.js#L762

[matsko]

Alright good sir here is a fixed build of ngAnimate. It takes care of the issue you're experiencing: http://plnkr.co/edit/P7E5CXnuMQDpH1SiJ0pj?p=preview