animation on wrong element in ng-repeat removed item

[arbixy]

When items in ng-repeat are tracked by index and animation is used on ng-leave the item is removed and then a wrong item is duplicated and the animation is applied on that duplication.

Here's a fresh example
This issue seems to be relatively old: stackoverflow

If one is using images and wants images with same sources to be included in the ng-repeat directive then track by $index is necessary.
Here's another thought on the matter as consequence to the behavior.
Imagine there is watcher in directive that keeps track of the ng-repeated items and actualities a css width removing item and animation may cause wrong behavior in that case.

[Narretz]

This is unfortunate, but this seems like an expected side effect of track by $index and I'm not sure if it is fixable.

If you have duplicate items, you could add a unique identifier to them before you repeat over them (or use a track by function that does this).

[Narretz]

This is an expected side effect of track by index.