{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/3539","labels_url":"https://api.github.com/repos/angular/material/issues/3539/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/3539/comments","events_url":"https://api.github.com/repos/angular/material/issues/3539/events","html_url":"https://github.com/angular/material/issues/3539","id":92478257,"number":3539,"title":"mdToast displays in incorrect position if page is scrolled","user":{"login":"dozingcat","id":489398,"avatar_url":"https://avatars.githubusercontent.com/u/489398?v=3","gravatar_id":"","url":"https://api.github.com/users/dozingcat","html_url":"https://github.com/dozingcat","followers_url":"https://api.github.com/users/dozingcat/followers","following_url":"https://api.github.com/users/dozingcat/following{/other_user}","gists_url":"https://api.github.com/users/dozingcat/gists{/gist_id}","starred_url":"https://api.github.com/users/dozingcat/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dozingcat/subscriptions","organizations_url":"https://api.github.com/users/dozingcat/orgs","repos_url":"https://api.github.com/users/dozingcat/repos","events_url":"https://api.github.com/users/dozingcat/events{/privacy}","received_events_url":"https://api.github.com/users/dozingcat/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-07-01T20:27:12Z","updated_at":"2015-07-01T21:02:03Z","closed_at":null,"body":"Demo: http://codepen.io/anon/pen/zGRZav . Scroll down a bit and click the \"Show toast\" link. The toast appears in what would be the bottom left if the page had not been scrolled, but is now the middle or top of the window. Observed in both Chrome and Firefox."},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/117822671","html_url":"https://github.com/angular/material/issues/3539#issuecomment-117822671","issue_url":"https://api.github.com/repos/angular/material/issues/3539","id":117822671,"user":{"login":"dani3l","id":1437502,"avatar_url":"https://avatars.githubusercontent.com/u/1437502?v=3","gravatar_id":"","url":"https://api.github.com/users/dani3l","html_url":"https://github.com/dani3l","followers_url":"https://api.github.com/users/dani3l/followers","following_url":"https://api.github.com/users/dani3l/following{/other_user}","gists_url":"https://api.github.com/users/dani3l/gists{/gist_id}","starred_url":"https://api.github.com/users/dani3l/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dani3l/subscriptions","organizations_url":"https://api.github.com/users/dani3l/orgs","repos_url":"https://api.github.com/users/dani3l/repos","events_url":"https://api.github.com/users/dani3l/events{/privacy}","received_events_url":"https://api.github.com/users/dani3l/received_events","type":"User","site_admin":false},"created_at":"2015-07-01T21:02:03Z","updated_at":"2015-07-01T21:02:03Z","body":"1. Move `ng-app` to head\r\n2. Apply `layout=\"column\"` to body\r\n3. Wrap content with `<md-content></md-content>`\r\n4. Add `overflow-y: hidden !important` to body css to avoid double scrollbars when toast is being shown (and other material components)\r\n5. Drink beer.\r\n\r\nhttp://codepen.io/dani3l/pen/PqQpgB"}}