ngAnimate leaves elements in DOM for a strange amount of time

[kamilkp]

Example fiddle here: http://jsfiddle.net/Ttj24/2/
Try pressing enter several times (or any other keyboard key) whilst having focus on the input. On each keydown I clear the ngRepeat array, and append two elements to it.

After you run the fiddle, every keydown on the aforementioned input adds two new ngRepeat elements. After about 6 seconds if I hit another (e.g.) enter key in that input all of the elements except the first two disappear (after 0.27s which is related to #6747). After that every enter adds two elements and removes as expected.

If you change the transition duration on .anim to e.g. 0.5s like this (and then rerun the fiddle):

.anim.ng-enter{
    transition: all 0.5s ease;
}

the 6 seconds I wrote becomes about 3 minutes or more.

[matsko]

Thanks @kamilkp for brining this up. I think there are two other similar issues, but the JSFiddle link you provided is an excellent testing demo for me to figure this out. I'm looking at this today.

[matsko]

Fixed: http://jsfiddle.net/Ttj24/3/

[matsko]

Keep in mind that your .repeater class doesn't actually do any animating. But either way that isn't the bug that was causing the elements to stay on the page. That bug was something else in ngAnimate and has been fixed in #6793.

[kamilkp]

Is this PR going tor merged in the 1.2.x branch? I need IE 8 support in my app so I don't want to switch to 1.3.

[matsko]

@kamilkp yes.

[matsko]

@kamilkp merged into master and the 1.2.x branch.