{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/6738","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/6738/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/6738/comments","events_url":"https://api.github.com/repos/angular/material/issues/6738/events","html_url":"https://github.com/angular/material/issues/6738","id":127303478,"number":6738,"title":"Animations are frozen by javascript","user":{"login":"mitchellwills","id":427009,"avatar_url":"https://avatars.githubusercontent.com/u/427009?v=3","gravatar_id":"","url":"https://api.github.com/users/mitchellwills","html_url":"https://github.com/mitchellwills","followers_url":"https://api.github.com/users/mitchellwills/followers","following_url":"https://api.github.com/users/mitchellwills/following{/other_user}","gists_url":"https://api.github.com/users/mitchellwills/gists{/gist_id}","starred_url":"https://api.github.com/users/mitchellwills/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mitchellwills/subscriptions","organizations_url":"https://api.github.com/users/mitchellwills/orgs","repos_url":"https://api.github.com/users/mitchellwills/repos","events_url":"https://api.github.com/users/mitchellwills/events{/privacy}","received_events_url":"https://api.github.com/users/mitchellwills/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular/material/labels/hotlist:%20animations","name":"hotlist: animations","color":"0052cc"},{"url":"https://api.github.com/repos/angular/material/labels/needs:%20investigation","name":"needs: investigation","color":"444444"},{"url":"https://api.github.com/repos/angular/material/labels/P1%20-%20Broken%20Renders%20/%20Major%20Use%20Cases","name":"P1 - Broken Renders / Major Use Cases","color":"bfe5bf"},{"url":"https://api.github.com/repos/angular/material/labels/reported%20by%20Googler","name":"reported by Googler","color":"207de5"},{"url":"https://api.github.com/repos/angular/material/labels/ui:%20CSS","name":"ui: CSS","color":"fbca04"}],"state":"closed","locked":false,"assignee":{"login":"topherfangio","id":54370,"avatar_url":"https://avatars.githubusercontent.com/u/54370?v=3","gravatar_id":"","url":"https://api.github.com/users/topherfangio","html_url":"https://github.com/topherfangio","followers_url":"https://api.github.com/users/topherfangio/followers","following_url":"https://api.github.com/users/topherfangio/following{/other_user}","gists_url":"https://api.github.com/users/topherfangio/gists{/gist_id}","starred_url":"https://api.github.com/users/topherfangio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/topherfangio/subscriptions","organizations_url":"https://api.github.com/users/topherfangio/orgs","repos_url":"https://api.github.com/users/topherfangio/repos","events_url":"https://api.github.com/users/topherfangio/events{/privacy}","received_events_url":"https://api.github.com/users/topherfangio/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/49","html_url":"https://github.com/angular/material/milestones/Deprecated","labels_url":"https://api.github.com/repos/angular/material/milestones/49/labels","id":1717295,"number":49,"title":"Deprecated","description":"Issues and PRs that are considered old, stale, deprecated, not-core, or too risky.","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":0,"closed_issues":1542,"state":"open","created_at":"2016-04-19T15:37:31Z","updated_at":"2016-06-02T05:15:03Z","due_on":null,"closed_at":null},"comments":4,"created_at":"2016-01-18T20:17:30Z","updated_at":"2016-06-02T07:12:34Z","closed_at":"2016-06-02T01:55:33Z","body":"Consider the following code:\r\n\r\n```js\r\n$mdToast.show(\r\n        $mdToast.simple()\r\n                .textContent('Simple Toast!')\r\n                .position('bottom right')\r\n                .hideDelay(3000)\r\n);\r\n$timeout(function() {\r\n    var start = Date.now();\r\n    console.log('spinning: ' + start);\r\n    while ((Date.now() - start) < 5000) {\r\n    }\r\n    console.log('done: ' + Date.now() + ' : ' + (Date.now() - start));\r\n}, 50);\r\n```\r\nYou will see that both the toast enter animation and button ripple animation freeze when an infinite loop starts 50ms later.\r\n\r\n> [CodePen Demo](http://codepen.io/anon/pen/eJeBeB)\r\n\r\n\r\nIt seems like it is possible to allow some browsers to run animations off the UI thread (see link below). A workaround to this issue might be something nice for Angular Material to support. @see [Css Animations off the UI Thread](http://www.phpied.com/css-animations-off-the-ui-thread/)"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/223213569","html_url":"https://github.com/angular/material/issues/6738#issuecomment-223213569","issue_url":"https://api.github.com/repos/angular/material/issues/6738","id":223213569,"user":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"created_at":"2016-06-02T07:12:34Z","updated_at":"2016-06-02T07:12:34Z","body":"This issue is closed as part of our ‘Surge Focus on Material 2' efforts.\n      For details, see our forum posting @ http://bit.ly/1UhZyWs."}}
{"actor":{"display_login":"ThomasBurleson"}}