ngAnimate breaks ngRepeat when using custom transitions since 1.2.13

[shql]

In reference to v1.2.13 and the following change:

$animate: ensure $animate doesn't break natural CSS transitions (4f84f6b, #6019)

We stepped over the following problem:

1. Include ngAnimate in your module
2. Use ngRepeat to fill a table
3. Add css transition to the repeated element (tr)
4. Add a simple filter to increase / decrease number of elements

Result:

• ngAnimate gets stuck with random elements (elements do not disappear, duplicates appear again)
• Hovering with the mouse makes the element disappear

Plunker: http://plnkr.co/edit/4y53HAnTerFmSTFNS2cU

[shql]

(Moving the transition to a pseudo class like ":hover" works as a workaround)

[Narretz]

Strange: when you filter the list, and some items remain, and you hover over the items, they finally disappear

[matsko]

This is pretty severe. Thank you for pointing this out.

[matsko]

The problem lies with tr. Since it's not a tangible element in HTML. If you move it to td then problem goes away. Although I'll need to test this further to see how ngAnimate deals with the tr element upon enter.

[matsko]

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

[Narretz]

@matsko The problem seems to appear when the transitions are directly on the ng-repeat, tr or not:

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

[matsko]

Ahh excellent. I'm taking a look.