ng-hide animation flicker with Internet Explorer 11

[ashraffayad]

When using animation with ng-hide, sometimes a flicker takes place at the end of the animation only on IE. Tested on IE11.
http://jsfiddle.net/ashraffayad/7MLLC/

[chazzlabs]

I'm still occasionally seeing a flicker in IE11 but only when using CSS Keyframes.

I modified the above Fiddle to provide an example using both CSS Transitions and Keyframes. I also updated to Angular 1.3.11. I'm seeing that every five or so times I toggle the boxes the Keyframes box will flicker when hiding.

http://plnkr.co/edit/gx11iCX87isSBkPQi3zd?p=preview

[havenchyk]

@ashraffayad @chazzlabs do you still have this issue? Even with angular 1.4?

[chazzlabs]

@havenchyk After changing my previous Plunker to use version 1.4.1 of Angular, I'm only seeing the flicker on the very first toggle of the checkbox in Internet Explorer. I don't see a flicker again after that, but it seems to happen reliably on the first toggle.

[ashraffayad]

@havenchyk I was frustrated with ng-animate. So, I decided to let it go. I add and remove my animation myself.

[havenchyk]

@chazzlabs, honestly I don't see flickering even with 1.3. Could you please add sample video or gif?

With your plnkr I see only same behavior like in Chrome

[chazzlabs]

@havenchyk Captured this from IE11. In the gif I click the checkbox three times. The box actually flickered twice, but I think don't think the gif picked up all of the frames in the animation so you only actually see it happen once.

http://i.imgur.com/o4ZuIqB.gifv

[havenchyk]

@chazzlabs Hmm, I haven't this flickering in IE 11 with your plnkr. I use IE11 version 17843