{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/2538","labels_url":"https://api.github.com/repos/angular/material/issues/2538/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/2538/comments","events_url":"https://api.github.com/repos/angular/material/issues/2538/events","html_url":"https://github.com/angular/material/issues/2538","id":70528792,"number":2538,"title":"FAB buttons exhibit strange color issues on iOS","user":{"login":"hanthomas","id":5815005,"avatar_url":"https://avatars.githubusercontent.com/u/5815005?v=3","gravatar_id":"","url":"https://api.github.com/users/hanthomas","html_url":"https://github.com/hanthomas","followers_url":"https://api.github.com/users/hanthomas/followers","following_url":"https://api.github.com/users/hanthomas/following{/other_user}","gists_url":"https://api.github.com/users/hanthomas/gists{/gist_id}","starred_url":"https://api.github.com/users/hanthomas/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hanthomas/subscriptions","organizations_url":"https://api.github.com/users/hanthomas/orgs","repos_url":"https://api.github.com/users/hanthomas/repos","events_url":"https://api.github.com/users/hanthomas/events{/privacy}","received_events_url":"https://api.github.com/users/hanthomas/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"marcysutton","id":1045233,"avatar_url":"https://avatars.githubusercontent.com/u/1045233?v=3","gravatar_id":"","url":"https://api.github.com/users/marcysutton","html_url":"https://github.com/marcysutton","followers_url":"https://api.github.com/users/marcysutton/followers","following_url":"https://api.github.com/users/marcysutton/following{/other_user}","gists_url":"https://api.github.com/users/marcysutton/gists{/gist_id}","starred_url":"https://api.github.com/users/marcysutton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marcysutton/subscriptions","organizations_url":"https://api.github.com/users/marcysutton/orgs","repos_url":"https://api.github.com/users/marcysutton/repos","events_url":"https://api.github.com/users/marcysutton/events{/privacy}","received_events_url":"https://api.github.com/users/marcysutton/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/15","html_url":"https://github.com/angular/material/milestones/0.10.0","labels_url":"https://api.github.com/repos/angular/material/milestones/15/labels","id":958568,"number":15,"title":"0.10.0","description":"### Specification Efforts\r\n\r\nThe following tasks need design notes: present the problem and identify solution(s):\r\n\r\n- menu\r\n- chips\r\n- slider range\r\n- icon buttons\r\n- textfields\r\n  *  `<md-text-search>`\r\n\r\n#### Design + Research\r\n- virtual repeat\r\n- data tables \r\n- date picker\r\n\r\n### Additional Efforts\r\n\r\nImplementation of an online Angular Material build tool (and API) that supports customized output for:\r\n\r\n- bi-directional support.\r\n- global theming and component theme overrides\r\n- select 1 or more specific components to bundle\r\n- selection of icons and svgs to bundle","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":242,"closed_issues":34,"state":"open","created_at":"2015-01-30T17:00:57Z","updated_at":"2015-04-28T01:27:53Z","due_on":"2015-05-12T05:00:00Z","closed_at":null},"comments":3,"created_at":"2015-04-23T22:28:09Z","updated_at":"2015-04-28T12:55:49Z","closed_at":null,"body":"This one is very difficult to demonstrate since we have only noticed it on iOS.  A page containing one or more FABs doesn't apply colors until the page is refreshed.  In some case, the FAB is white, while in other cases the FAB remains as the accent color even though we explicitly apply md-primary or a custom background-color style to it.  Then, when I tap on any icon or button the page, the FAB magically has the correct color.  Here's the plunkr that demonstrates the problem:\r\n\r\nhttp://plnkr.co/edit/BZLr1UgfWb1wF3OBOXsn?p=preview\r\n\r\nHowever, in order to reproduce it, you have to 1) run the plunkr on an iOS device, and 2) run the plunkr full-screen by clicking on the icon for \"Launch preview in a separate window\".\r\n\r\nThe way to reproduce it is by tapping on the Next Page button, and then returning to the original page by tapping on the Return to Previous Page button.  This problem happens consistently on iOS.  \r\n"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/97052052","html_url":"https://github.com/angular/material/issues/2538#issuecomment-97052052","issue_url":"https://api.github.com/repos/angular/material/issues/2538","id":97052052,"user":{"login":"hanthomas","id":5815005,"avatar_url":"https://avatars.githubusercontent.com/u/5815005?v=3","gravatar_id":"","url":"https://api.github.com/users/hanthomas","html_url":"https://github.com/hanthomas","followers_url":"https://api.github.com/users/hanthomas/followers","following_url":"https://api.github.com/users/hanthomas/following{/other_user}","gists_url":"https://api.github.com/users/hanthomas/gists{/gist_id}","starred_url":"https://api.github.com/users/hanthomas/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hanthomas/subscriptions","organizations_url":"https://api.github.com/users/hanthomas/orgs","repos_url":"https://api.github.com/users/hanthomas/repos","events_url":"https://api.github.com/users/hanthomas/events{/privacy}","received_events_url":"https://api.github.com/users/hanthomas/received_events","type":"User","site_admin":false},"created_at":"2015-04-28T12:55:49Z","updated_at":"2015-04-28T12:55:49Z","body":"You can also reproduce this problem by simply going to the ngMaterial demo site on your iPad and going to the Toast demo _after tapping on another demo_, like Toolbar.  It might take a couple tries to make the problem happen.  The results seem to indicate that there's a general problem with application of themes, not just for the FAB, but also for checkboxes, etc.  "}}