{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/4445","labels_url":"https://api.github.com/repos/angular/material/issues/4445/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/4445/comments","events_url":"https://api.github.com/repos/angular/material/issues/4445/events","html_url":"https://github.com/angular/material/issues/4445","id":104565354,"number":4445,"title":"fab speed dial bug: tooltip mispositioning ","user":{"login":"accetone","id":7840570,"avatar_url":"https://avatars.githubusercontent.com/u/7840570?v=3","gravatar_id":"","url":"https://api.github.com/users/accetone","html_url":"https://github.com/accetone","followers_url":"https://api.github.com/users/accetone/followers","following_url":"https://api.github.com/users/accetone/following{/other_user}","gists_url":"https://api.github.com/users/accetone/gists{/gist_id}","starred_url":"https://api.github.com/users/accetone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/accetone/subscriptions","organizations_url":"https://api.github.com/users/accetone/orgs","repos_url":"https://api.github.com/users/accetone/repos","events_url":"https://api.github.com/users/accetone/events{/privacy}","received_events_url":"https://api.github.com/users/accetone/received_events","type":"User","site_admin":false},"labels":[],"state":"open","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/17","html_url":"https://github.com/angular/material/milestones/0.12.0","labels_url":"https://api.github.com/repos/angular/material/milestones/17/labels","id":1166984,"number":17,"title":"0.12.0","description":"Polish and Bugfixes leading up to 1.0\r\n","creator":{"login":"robertmesserle","id":571363,"avatar_url":"https://avatars.githubusercontent.com/u/571363?v=3","gravatar_id":"","url":"https://api.github.com/users/robertmesserle","html_url":"https://github.com/robertmesserle","followers_url":"https://api.github.com/users/robertmesserle/followers","following_url":"https://api.github.com/users/robertmesserle/following{/other_user}","gists_url":"https://api.github.com/users/robertmesserle/gists{/gist_id}","starred_url":"https://api.github.com/users/robertmesserle/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/robertmesserle/subscriptions","organizations_url":"https://api.github.com/users/robertmesserle/orgs","repos_url":"https://api.github.com/users/robertmesserle/repos","events_url":"https://api.github.com/users/robertmesserle/events{/privacy}","received_events_url":"https://api.github.com/users/robertmesserle/received_events","type":"User","site_admin":false},"open_issues":594,"closed_issues":260,"state":"open","created_at":"2015-06-16T15:48:24Z","updated_at":"2015-09-08T17:14:04Z","due_on":"2015-09-14T07:00:00Z","closed_at":null},"comments":3,"created_at":"2015-09-02T20:31:22Z","updated_at":"2015-09-08T17:22:58Z","closed_at":null,"body":"When we want display tooltips with menu opening, tooltips become mispositioned\r\n\r\nScreenshot:\r\n![clip2net_150902231614](https://cloud.githubusercontent.com/assets/7840570/9643382/4d6f694a-51ca-11e5-811a-8053502000e0.png)\r\n\r\nSample:\r\nhttp://codepen.io/anon/pen/YyPzrq"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/138640107","html_url":"https://github.com/angular/material/issues/4445#issuecomment-138640107","issue_url":"https://api.github.com/repos/angular/material/issues/4445","id":138640107,"user":{"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},"created_at":"2015-09-08T17:22:58Z","updated_at":"2015-09-08T17:22:58Z","body":"Looks like this is due to the tooltips being shown right as the animation starts, at which point the FABs have a scale of 0, so the tooltip is not taking into account their full size. I will look into this, but I'm honestly not sure if we can fix it as the wrapping `<div>`s will currently scale with the inner FABs.\r\n\r\nIn the meantime, here is a quick workaround which sets the tooltips to have a slightly delayed opening so that they happen after the animation.\r\n\r\nhttp://codepen.io/topherfangio/pen/Xmbqmw?editors=100\r\n\r\nNote that if you have more FABs, you may need to increase the delay from `400` to something like `500` or `600`."}}