{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/6484","labels_url":"https://api.github.com/repos/angular/material/issues/6484/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/6484/comments","events_url":"https://api.github.com/repos/angular/material/issues/6484/events","html_url":"https://github.com/angular/material/pull/6484","id":124100589,"number":6484,"title":"fix(bottomsheet): fix open animation for bottomsheet.","user":{"login":"DevVersion","id":4987015,"avatar_url":"https://avatars.githubusercontent.com/u/4987015?v=3","gravatar_id":"","url":"https://api.github.com/users/DevVersion","html_url":"https://github.com/DevVersion","followers_url":"https://api.github.com/users/DevVersion/followers","following_url":"https://api.github.com/users/DevVersion/following{/other_user}","gists_url":"https://api.github.com/users/DevVersion/gists{/gist_id}","starred_url":"https://api.github.com/users/DevVersion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DevVersion/subscriptions","organizations_url":"https://api.github.com/users/DevVersion/orgs","repos_url":"https://api.github.com/users/DevVersion/repos","events_url":"https://api.github.com/users/DevVersion/events{/privacy}","received_events_url":"https://api.github.com/users/DevVersion/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"EladBezalel","id":6004537,"avatar_url":"https://avatars.githubusercontent.com/u/6004537?v=3","gravatar_id":"","url":"https://api.github.com/users/EladBezalel","html_url":"https://github.com/EladBezalel","followers_url":"https://api.github.com/users/EladBezalel/followers","following_url":"https://api.github.com/users/EladBezalel/following{/other_user}","gists_url":"https://api.github.com/users/EladBezalel/gists{/gist_id}","starred_url":"https://api.github.com/users/EladBezalel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/EladBezalel/subscriptions","organizations_url":"https://api.github.com/users/EladBezalel/orgs","repos_url":"https://api.github.com/users/EladBezalel/repos","events_url":"https://api.github.com/users/EladBezalel/events{/privacy}","received_events_url":"https://api.github.com/users/EladBezalel/received_events","type":"User","site_admin":false},"milestone":null,"comments":2,"created_at":"2015-12-28T18:06:14Z","updated_at":"2015-12-30T19:33:47Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/angular/material/pulls/6484","html_url":"https://github.com/angular/material/pull/6484","diff_url":"https://github.com/angular/material/pull/6484.diff","patch_url":"https://github.com/angular/material/pull/6484.patch"},"body":"This is fixing all the issues with close and open animation.\r\nIt work's perfectly, I already took a look at the Timings in the Chrome Dev Tools (Render Rate etc.)\r\n\r\nBut to be honest (in code) I'm not satisfied with using `$timeout`. But that's the only possibility because we inserting the element into the `DOM` at `80px` and then we wan't instant run the animation from `-100%`. But that's not possible. So we need to remove the transition and transform the bottomsheet at insertion down to `-100%`, and then after it got rendered down, we can fire the animation to `80px`. \r\n\r\nThat's the only possibility to get run with $animate (entering / leaving). \r\n\r\nFixes #6468"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/168061168","html_url":"https://github.com/angular/material/pull/6484#issuecomment-168061168","issue_url":"https://api.github.com/repos/angular/material/issues/6484","id":168061168,"user":{"login":"DevVersion","id":4987015,"avatar_url":"https://avatars.githubusercontent.com/u/4987015?v=3","gravatar_id":"","url":"https://api.github.com/users/DevVersion","html_url":"https://github.com/DevVersion","followers_url":"https://api.github.com/users/DevVersion/followers","following_url":"https://api.github.com/users/DevVersion/following{/other_user}","gists_url":"https://api.github.com/users/DevVersion/gists{/gist_id}","starred_url":"https://api.github.com/users/DevVersion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DevVersion/subscriptions","organizations_url":"https://api.github.com/users/DevVersion/orgs","repos_url":"https://api.github.com/users/DevVersion/repos","events_url":"https://api.github.com/users/DevVersion/events{/privacy}","received_events_url":"https://api.github.com/users/DevVersion/received_events","type":"User","site_admin":false},"created_at":"2015-12-30T19:33:47Z","updated_at":"2015-12-30T19:33:47Z","body":"That's not as simple as you think. I tested several possibilities. But as I already wrote in the PR description, the element will be inserted at `80px` and at the same time we try to move that down (but there is a transition duration) and at the same time we wan't to start the open animation. All in one, the `ng-enter` and `ng-leave` animation can be only fixed with a delay and advanced css as you can see in this PR"}}