{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular.js/issues/12825","labels_url":"https://api.github.com/repos/angular/angular.js/issues/12825/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular.js/issues/12825/comments","events_url":"https://api.github.com/repos/angular/angular.js/issues/12825/events","html_url":"https://github.com/angular/angular.js/issues/12825","id":105960599,"number":12825,"title":"Hidden animated panels are visible on page load","user":{"login":"Morhpeuss","id":5184685,"avatar_url":"https://avatars.githubusercontent.com/u/5184685?v=3","gravatar_id":"","url":"https://api.github.com/users/Morhpeuss","html_url":"https://github.com/Morhpeuss","followers_url":"https://api.github.com/users/Morhpeuss/followers","following_url":"https://api.github.com/users/Morhpeuss/following{/other_user}","gists_url":"https://api.github.com/users/Morhpeuss/gists{/gist_id}","starred_url":"https://api.github.com/users/Morhpeuss/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Morhpeuss/subscriptions","organizations_url":"https://api.github.com/users/Morhpeuss/orgs","repos_url":"https://api.github.com/users/Morhpeuss/repos","events_url":"https://api.github.com/users/Morhpeuss/events{/privacy}","received_events_url":"https://api.github.com/users/Morhpeuss/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular/angular.js/labels/component:%20ngAnimate","name":"component: ngAnimate","color":"bfdadc"},{"url":"https://api.github.com/repos/angular/angular.js/labels/frequency:%20low","name":"frequency: low","color":"bfe5bf"},{"url":"https://api.github.com/repos/angular/angular.js/labels/severity:%20regression","name":"severity: regression","color":"e11d21"},{"url":"https://api.github.com/repos/angular/angular.js/labels/type:%20bug","name":"type: bug","color":"000000"}],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/angular/angular.js/milestones/110","html_url":"https://github.com/angular/angular.js/milestones/1.4.9","labels_url":"https://api.github.com/repos/angular/angular.js/milestones/110/labels","id":1431117,"number":110,"title":"1.4.9","description":"","creator":{"login":"Narretz","id":1153097,"avatar_url":"https://avatars.githubusercontent.com/u/1153097?v=3","gravatar_id":"","url":"https://api.github.com/users/Narretz","html_url":"https://github.com/Narretz","followers_url":"https://api.github.com/users/Narretz/followers","following_url":"https://api.github.com/users/Narretz/following{/other_user}","gists_url":"https://api.github.com/users/Narretz/gists{/gist_id}","starred_url":"https://api.github.com/users/Narretz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Narretz/subscriptions","organizations_url":"https://api.github.com/users/Narretz/orgs","repos_url":"https://api.github.com/users/Narretz/repos","events_url":"https://api.github.com/users/Narretz/events{/privacy}","received_events_url":"https://api.github.com/users/Narretz/received_events","type":"User","site_admin":false},"open_issues":19,"closed_issues":10,"state":"open","created_at":"2015-11-26T12:57:33Z","updated_at":"2015-12-07T09:50:10Z","due_on":"2015-12-02T23:00:00Z","closed_at":null},"comments":4,"created_at":"2015-09-11T07:45:09Z","updated_at":"2015-12-07T19:00:49Z","closed_at":null,"body":"Hi,\r\n\r\nI have hidden  floating panel.\r\nHTML:\r\n`<div class=\"modal animated left-modal \"  data-ng-hide=\"!showFormCreator\" ng-cloak  data-ng-controller=\"formCreatorController\" data-ng-include=\"'/app/views/form-creator.html'\"></div>` \r\n\r\nCSS:\r\n```\r\n.left-modal.ng-hide-add {      \r\n     -webkit-animation:  fadeOutRight  0.5s ;   \r\n    -moz-animation:   fadeOutRight 0.5s;\r\n    -ms-animation:   fadeOutRight 0.5s;    \r\n    animation:   fadeOutRight 0.5s;     \r\n}\r\n\r\n.left-modal.ng-hide-remove{\r\n    -webkit-animation:  fadeInRight  .5s ;   \r\n    -moz-animation:   fadeInRight .5s;\r\n    -ms-animation:   fadeInRight .5s;    \r\n    animation:   fadeInRight .5s;   \r\n}\r\n```\r\n\r\nIn angular 1.3.13 works all fine.\r\n\r\nAfter update to 1.4.4 and now to 1.4.5 all hidden animated panels are visible on page load for few seconds.\r\n\r\nAfter page load is all fine.\r\n\r\nThanks for help.\r\n\r\nJosef"},"comment":{"url":"https://api.github.com/repos/angular/angular.js/issues/comments/162624778","html_url":"https://github.com/angular/angular.js/issues/12825#issuecomment-162624778","issue_url":"https://api.github.com/repos/angular/angular.js/issues/12825","id":162624778,"user":{"login":"gkalpak","id":8604205,"avatar_url":"https://avatars.githubusercontent.com/u/8604205?v=3","gravatar_id":"","url":"https://api.github.com/users/gkalpak","html_url":"https://github.com/gkalpak","followers_url":"https://api.github.com/users/gkalpak/followers","following_url":"https://api.github.com/users/gkalpak/following{/other_user}","gists_url":"https://api.github.com/users/gkalpak/gists{/gist_id}","starred_url":"https://api.github.com/users/gkalpak/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gkalpak/subscriptions","organizations_url":"https://api.github.com/users/gkalpak/orgs","repos_url":"https://api.github.com/users/gkalpak/repos","events_url":"https://api.github.com/users/gkalpak/events{/privacy}","received_events_url":"https://api.github.com/users/gkalpak/received_events","type":"User","site_admin":false},"created_at":"2015-12-07T19:00:49Z","updated_at":"2015-12-07T19:00:49Z","body":"Aha...it's the `ngInclude`, of course.\r\n\r\nSo, I am temptd to say that this works as expected (in the sense that it's a documented breaking change).\r\nStill have to figure out the most appropriate work-around (suggestions welcome)."}}