{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/5474","labels_url":"https://api.github.com/repos/angular/material/issues/5474/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/5474/comments","events_url":"https://api.github.com/repos/angular/material/issues/5474/events","html_url":"https://github.com/angular/material/issues/5474","id":114399210,"number":5474,"title":"Md-Fab-Toolbar Bug","user":{"login":"viztastic","id":8556736,"avatar_url":"https://avatars.githubusercontent.com/u/8556736?v=3","gravatar_id":"","url":"https://api.github.com/users/viztastic","html_url":"https://github.com/viztastic","followers_url":"https://api.github.com/users/viztastic/followers","following_url":"https://api.github.com/users/viztastic/following{/other_user}","gists_url":"https://api.github.com/users/viztastic/gists{/gist_id}","starred_url":"https://api.github.com/users/viztastic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/viztastic/subscriptions","organizations_url":"https://api.github.com/users/viztastic/orgs","repos_url":"https://api.github.com/users/viztastic/repos","events_url":"https://api.github.com/users/viztastic/events{/privacy}","received_events_url":"https://api.github.com/users/viztastic/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/22","html_url":"https://github.com/angular/material/milestones/1.0-rc3","labels_url":"https://api.github.com/repos/angular/material/milestones/22/labels","id":1384342,"number":22,"title":"1.0-rc3","description":"","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":617,"closed_issues":6,"state":"open","created_at":"2015-10-29T22:04:57Z","updated_at":"2015-11-02T15:46:34Z","due_on":"2015-11-05T06:00:00Z","closed_at":null},"comments":1,"created_at":"2015-10-31T08:59:39Z","updated_at":"2015-11-02T16:06:15Z","closed_at":null,"body":"Hi, a couple of bugs with Md-Fab-Toolbar:\r\n\r\n1) Doesn't work on Angular 1.3.x\r\n2) With Angular 1.4.7, This is how it seems to behave, before clicking, on clicking, and after clicking:\r\n\r\n\r\nDefault State (Fine) :\r\n![fabtoolbar-state_0_-_before](https://cloud.githubusercontent.com/assets/8556736/10862742/9d205f36-8009-11e5-824e-81a1968f7677.png)\r\n\r\nOn Click (Fine) :\r\n![mdfabtoolbar-state_2_-_click](https://cloud.githubusercontent.com/assets/8556736/10862743/9e5dcd7a-8009-11e5-9cdd-d55cb3d7bdde.png)\r\n\r\nWhen we click out of the menu, it reverts to a non circle shape:\r\n![state_3_after](https://cloud.githubusercontent.com/assets/8556736/10862744/a0320440-8009-11e5-94f1-f1f70c0faee4.png)\r\n\r\n\r\nImplementation:\r\n\r\n```\r\n<!DOCTYPE html>\r\n<html lang=\"en\" ng-app=\"myapp\">\r\n<head>\r\n    <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no\" />\r\n    <link rel=\"stylesheet\" href=\"/bower_components/angular-material/angular-material.css\">\r\n    <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic\">\r\n      \r\n</head>\r\n  \r\n<body>\r\n\r\n  <md-fab-toolbar>\r\n      <md-fab-trigger>\r\n        <md-button aria-label=\"menu\" class=\"md-fab md-primary\">\r\n          <md-icon md-svg-src=\"http://localhost:3900/assets/svg/menu.svg\"></md-icon>\r\n        </md-button>\r\n      </md-fab-trigger>\r\n  \r\n      <md-toolbar>\r\n        <md-fab-actions class=\"md-toolbar-tools\">\r\n          <md-button aria-label=\"comment\">\r\n            <md-icon md-svg-src=\"http://localhost:3900/assets/svg/ic_person_24px.svg\"></md-icon>\r\n          </md-button>\r\n          <md-button aria-label=\"label\">\r\n            <md-icon md-svg-src=\"http://localhost:3900/assets/svg/ic_people_24px.svg\"></md-icon>\r\n          </md-button>\r\n        </md-fab-actions>\r\n      </md-toolbar>\r\n  </md-fab-toolbar>\r\n\r\n\r\n```\r\n\r\nThoughts?"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/153063876","html_url":"https://github.com/angular/material/issues/5474#issuecomment-153063876","issue_url":"https://api.github.com/repos/angular/material/issues/5474","id":153063876,"user":{"login":"kyle-massroots","id":11448112,"avatar_url":"https://avatars.githubusercontent.com/u/11448112?v=3","gravatar_id":"","url":"https://api.github.com/users/kyle-massroots","html_url":"https://github.com/kyle-massroots","followers_url":"https://api.github.com/users/kyle-massroots/followers","following_url":"https://api.github.com/users/kyle-massroots/following{/other_user}","gists_url":"https://api.github.com/users/kyle-massroots/gists{/gist_id}","starred_url":"https://api.github.com/users/kyle-massroots/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kyle-massroots/subscriptions","organizations_url":"https://api.github.com/users/kyle-massroots/orgs","repos_url":"https://api.github.com/users/kyle-massroots/repos","events_url":"https://api.github.com/users/kyle-massroots/events{/privacy}","received_events_url":"https://api.github.com/users/kyle-massroots/received_events","type":"User","site_admin":false},"created_at":"2015-11-02T16:06:14Z","updated_at":"2015-11-02T16:06:14Z","body":"@viztastic The issue seems to be that you aren't specifying an md-direction attribute in the root <md-fab-toolbar> element. In the directive code, the background element's position doesn't seem to properly reset if it doesn't have either of the alignment classes.\r\n```\r\n          if (element.hasClass('md-right')) {\r\n            backgroundElement.style.left = '0';\r\n            backgroundElement.style.right = null;\r\n          }\r\n\r\n          if (element.hasClass('md-left')) {\r\n            backgroundElement.style.right = '0';\r\n            backgroundElement.style.left = null;\r\n          }\r\n```"}}