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

ngAnimate causes ngRepeat to flicker 1.2rc1 #3722

Closed
jwagner opened this issue Aug 23, 2013 · 4 comments
Closed

ngAnimate causes ngRepeat to flicker 1.2rc1 #3722

jwagner opened this issue Aug 23, 2013 · 4 comments

Comments

@jwagner
Copy link

jwagner commented Aug 23, 2013

Example

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

Expected behavior

List is updated in place

Actual behavior

For brief moments both the old and new content seem to be visible, causing flickering. This happens as soon as ngAnimate is depended upon even if there are no animations applied.

Affected Browsers

I was able to reproduce this in chrome, safari and firefox. The issue seems to be most visible in firefox.

@jwagner
Copy link
Author

jwagner commented Aug 23, 2013

After some further investigation:
This seems to be caused by

$timeout(startAnimation, 1, false);

Does anyone (@matsko ?) know there is a timeout in this place?

@jwagner
Copy link
Author

jwagner commented Aug 23, 2013

As a quick workaround this works

.ng-leave, .ng-leave-active {
  display: none;
}

@damrbaby
Copy link
Contributor

See #3613 ... @matsko has put together a PR that fixes the issue.

@jwagner
Copy link
Author

jwagner commented Aug 23, 2013

I somehow missed that one. Thanks for the link. I guess I can close this issue then as its a dupe.

@jwagner jwagner closed this as completed Aug 23, 2013
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants