{"action":"created","issue":{"url":"https://api.github.com/repos/michaelbromley/angularUtils/issues/226","labels_url":"https://api.github.com/repos/michaelbromley/angularUtils/issues/226/labels{/name}","comments_url":"https://api.github.com/repos/michaelbromley/angularUtils/issues/226/comments","events_url":"https://api.github.com/repos/michaelbromley/angularUtils/issues/226/events","html_url":"https://github.com/michaelbromley/angularUtils/issues/226","id":104504679,"number":226,"title":"Animation flickering with pagination","user":{"login":"jscontrust","id":1922325,"avatar_url":"https://avatars.githubusercontent.com/u/1922325?v=3","gravatar_id":"","url":"https://api.github.com/users/jscontrust","html_url":"https://github.com/jscontrust","followers_url":"https://api.github.com/users/jscontrust/followers","following_url":"https://api.github.com/users/jscontrust/following{/other_user}","gists_url":"https://api.github.com/users/jscontrust/gists{/gist_id}","starred_url":"https://api.github.com/users/jscontrust/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jscontrust/subscriptions","organizations_url":"https://api.github.com/users/jscontrust/orgs","repos_url":"https://api.github.com/users/jscontrust/repos","events_url":"https://api.github.com/users/jscontrust/events{/privacy}","received_events_url":"https://api.github.com/users/jscontrust/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"michaelbromley","id":6275952,"avatar_url":"https://avatars.githubusercontent.com/u/6275952?v=3","gravatar_id":"","url":"https://api.github.com/users/michaelbromley","html_url":"https://github.com/michaelbromley","followers_url":"https://api.github.com/users/michaelbromley/followers","following_url":"https://api.github.com/users/michaelbromley/following{/other_user}","gists_url":"https://api.github.com/users/michaelbromley/gists{/gist_id}","starred_url":"https://api.github.com/users/michaelbromley/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michaelbromley/subscriptions","organizations_url":"https://api.github.com/users/michaelbromley/orgs","repos_url":"https://api.github.com/users/michaelbromley/repos","events_url":"https://api.github.com/users/michaelbromley/events{/privacy}","received_events_url":"https://api.github.com/users/michaelbromley/received_events","type":"User","site_admin":false},"milestone":null,"comments":9,"created_at":"2015-09-02T15:16:19Z","updated_at":"2015-10-15T16:24:08Z","closed_at":null,"body":"I have a flickering problem with combining angularUtils pagination with ngAnimate (Angular 1.4)\r\n\r\nI recorded a screen video from it\r\nhttp://www.vidup.de/v/oHhCU/\r\n\r\nIt looks like all of the records are in the array for a short time:\r\n\r\nIs there a fix or workaround?\r\n\r\nMy CSS\r\n\r\n    .animate-repeat-tablerow.ng-move,\r\n    .animate-repeat-tablerow.ng-enter,\r\n    .animate-repeat-tablerow.ng-leave {\r\n        transition:all linear 0.2s;\r\n    }\r\n\r\n    .animate-repeat-tablerow.ng-leave.ng-leave-active,\r\n    .animate-repeat-tablerow.ng-move,\r\n    .animate-repeat-tablerow.ng-enter {\r\n        opacity:0;\r\n    }\r\n\r\n    .animate-repeat-tablerow.ng-leave,\r\n    .animate-repeat-tablerow.ng-move.ng-move-active,\r\n    .animate-repeat-tablerow.ng-enter.ng-enter-active {\r\n        opacity:1;\r\n    }\r\n\r\nMy HTML:\r\n```html\r\n    <table>\r\n        <tr dir-paginate='download in downloads | filter: filterDownloads | itemsPerPage: 2 ' class=\"animate-repeat-tablerow\">\r\n            <td>\r\n                {{download.post_title}}\r\n                <p class='font_size_small no_margin'>{{download.download_description}}</p>\r\n            </td>\r\n            <td>\r\n                <span ng-repeat='term in download.terms'>{{term.name}}</span>\r\n            </td>\r\n            <td>                    \r\n                <span ng-repeat='relation in download.download_relations | filter: { \"post_type\":\"product-group\" }'>{{relation.post_title}}</span>\r\n            </td>                                   \r\n        </tr>\r\n    </table>    \r\n```"},"comment":{"url":"https://api.github.com/repos/michaelbromley/angularUtils/issues/comments/148443878","html_url":"https://github.com/michaelbromley/angularUtils/issues/226#issuecomment-148443878","issue_url":"https://api.github.com/repos/michaelbromley/angularUtils/issues/226","id":148443878,"user":{"login":"LeleDev","id":7249092,"avatar_url":"https://avatars.githubusercontent.com/u/7249092?v=3","gravatar_id":"","url":"https://api.github.com/users/LeleDev","html_url":"https://github.com/LeleDev","followers_url":"https://api.github.com/users/LeleDev/followers","following_url":"https://api.github.com/users/LeleDev/following{/other_user}","gists_url":"https://api.github.com/users/LeleDev/gists{/gist_id}","starred_url":"https://api.github.com/users/LeleDev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LeleDev/subscriptions","organizations_url":"https://api.github.com/users/LeleDev/orgs","repos_url":"https://api.github.com/users/LeleDev/repos","events_url":"https://api.github.com/users/LeleDev/events{/privacy}","received_events_url":"https://api.github.com/users/LeleDev/received_events","type":"User","site_admin":false},"created_at":"2015-10-15T16:24:08Z","updated_at":"2015-10-15T16:24:08Z","body":"Right, sorry, I was addressing a similar issue - when no animation is added - instead of this one (I mistakenly tought that the 0.2s animation was for a 0s one). Never mind"}}