ngRepeat does not trigger move animation #15068
Description
Overview of the Issue
There appears to be a bug with ngRepeat and move animations.
What is the current behavior?
When an item is inserted or deleted, the move animation is not triggered for the items after the inserted or deleted item.
Steps to reproduce:
Go to http://plnkr.co/edit/MPpxQUc8OyrRAgDgmDLp?p=preview
Click on an Insert button or Remove text.
What is the expected behavior?
The move animation should be triggered for the items after the inserted or deleted items.
Versions
Angular: 1.2.30, 1.3.20, 1.4.12, 1.5.8, snapshot
Browser: Chrome 52
OS: Windows 10
What is the motivation / use case for changing the behavior?
I would like to add an animated border or background color change to items that are added to, deleted from or have moved in a list. The documentation for ngRepeat's move animation says:
when an adjacent item is filtered out causing a reorder or when the item contents are reordered
Possible related issue
#5160
I have implemented a fix for this issue and will be submitting a pull request today.
Here is a plunker with the revised Angular code.
http://plnkr.co/edit/ru77WOctvnEinWdTBMMQ?p=preview