Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

ngRepeat does not trigger move animation #15068

Open
@pondermatic

Description

@pondermatic

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions

    close