michaelbromley / michaelbromley/angularUtils

Animation flickering with pagination

Open
#226 9 comments 0 reactions 1 assignee Claimed by @michaelbromley View on GitHub
Dominant language
JavaScript
Stars
2k
Forks
842
PR merge metrics
No merged PRs in 30d

Description

I have a flickering problem with combining angularUtils pagination with ngAnimate (Angular 1.4)

I recorded a screen video from it
http://www.vidup.de/v/oHhCU/

It looks like all of the records are in the array for a short time:

Is there a fix or workaround?

My CSS

```
.animate-repeat-tablerow.ng-move,
.animate-repeat-tablerow.ng-enter,
.animate-repeat-tablerow.ng-leave {
transition:all linear 0.2s;
}

.animate-repeat-tablerow.ng-leave.ng-leave-active,
.animate-repeat-tablerow.ng-move,
.animate-repeat-tablerow.ng-enter {
opacity:0;
}

.animate-repeat-tablerow.ng-leave,
.animate-repeat-tablerow.ng-move.ng-move-active,
.animate-repeat-tablerow.ng-enter.ng-enter-active {
opacity:1;
}
```

My HTML:

``` html



{{download.post_title}}

{{download.download_description}}




{{term.name}}


{{relation.post_title}}



```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.