{"action":"opened","issue":{"url":"https://api.github.com/repos/google/material-design-lite/issues/4290","repository_url":"https://api.github.com/repos/google/material-design-lite","labels_url":"https://api.github.com/repos/google/material-design-lite/issues/4290/labels{/name}","comments_url":"https://api.github.com/repos/google/material-design-lite/issues/4290/comments","events_url":"https://api.github.com/repos/google/material-design-lite/issues/4290/events","html_url":"https://github.com/google/material-design-lite/issues/4290","id":149883278,"number":4290,"title":"Remove focus ring/outline around drawer button","user":{"login":"leifoolsen","id":10088486,"avatar_url":"https://avatars.githubusercontent.com/u/10088486?v=3","gravatar_id":"","url":"https://api.github.com/users/leifoolsen","html_url":"https://github.com/leifoolsen","followers_url":"https://api.github.com/users/leifoolsen/followers","following_url":"https://api.github.com/users/leifoolsen/following{/other_user}","gists_url":"https://api.github.com/users/leifoolsen/gists{/gist_id}","starred_url":"https://api.github.com/users/leifoolsen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/leifoolsen/subscriptions","organizations_url":"https://api.github.com/users/leifoolsen/orgs","repos_url":"https://api.github.com/users/leifoolsen/repos","events_url":"https://api.github.com/users/leifoolsen/events{/privacy}","received_events_url":"https://api.github.com/users/leifoolsen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-04-20T20:52:11Z","updated_at":"2016-04-20T20:52:11Z","closed_at":null,"body":"MDL version: 1.1.3\r\nBrowser: Chrome\r\nBrowser version: Latest\r\nOperating system: OSX\r\nOperating system version: Latest\r\n\r\nWhat steps will reproduce the problem:\r\n1. Click on drawer button\r\n\r\nWhat is the expected result?\r\nFocus ring should not be visible\r\n\r\nWhat happens instead of that?\r\nFocus ring is visible\r\n\r\nPlease provide any other information below, and attach a screenshot if possible.\r\n![screen shot 2016-04-20 at 22 49 11](https://cloud.githubusercontent.com/assets/10088486/14690003/32d554b0-074a-11e6-8977-6f95e515942f.png)\r\n\r\n\r\nCSS to remove the \"annoying\" focus ring could be someting like this:\r\n\r\n```css\r\n.mdl-layout__drawer-button {\r\n\r\n  outline: none;\r\n\r\n  // Mozilla, remove focusring\r\n  &:-moz-focusring {\r\n    color: transparent;\r\n    text-shadow: 0 0 0 #000;\r\n  }\r\n}\r\n```"}}