{"action":"created","issue":{"url":"https://api.github.com/repos/ableplayer/ableplayer/issues/134","labels_url":"https://api.github.com/repos/ableplayer/ableplayer/issues/134/labels{/name}","comments_url":"https://api.github.com/repos/ableplayer/ableplayer/issues/134/comments","events_url":"https://api.github.com/repos/ableplayer/ableplayer/issues/134/events","html_url":"https://github.com/ableplayer/ableplayer/issues/134","id":87809690,"number":134,"title":"Visual Indication of Focus for Interface Buttons Too Large on Player Embedded in Dialog ","user":{"login":"jhumb","id":976747,"avatar_url":"https://avatars.githubusercontent.com/u/976747?v=3","gravatar_id":"","url":"https://api.github.com/users/jhumb","html_url":"https://github.com/jhumb","followers_url":"https://api.github.com/users/jhumb/followers","following_url":"https://api.github.com/users/jhumb/following{/other_user}","gists_url":"https://api.github.com/users/jhumb/gists{/gist_id}","starred_url":"https://api.github.com/users/jhumb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jhumb/subscriptions","organizations_url":"https://api.github.com/users/jhumb/orgs","repos_url":"https://api.github.com/users/jhumb/repos","events_url":"https://api.github.com/users/jhumb/events{/privacy}","received_events_url":"https://api.github.com/users/jhumb/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-06-12T18:17:27Z","updated_at":"2015-06-30T02:04:40Z","closed_at":null,"body":"On Firefox 38 under Windows 8.1, when embedding able player in a non-modal pop-open dialog, the visual indication of focus for some interface buttons (volume down, preferences, etc.) is too large and encompasses multiple controls. This makes it difficult to tell which control is being selected.\r\n\r\n![ableplayer_focus_concern_1](https://cloud.githubusercontent.com/assets/976747/8136895/95ffe32c-110d-11e5-869c-9cb605d2fb96.png)\r\n![ableplayer_focus_concern_2](https://cloud.githubusercontent.com/assets/976747/8136897/99676288-110d-11e5-85b4-7ddf39739fed.png)\r\n"},"comment":{"url":"https://api.github.com/repos/ableplayer/ableplayer/issues/comments/116912546","html_url":"https://github.com/ableplayer/ableplayer/issues/134#issuecomment-116912546","issue_url":"https://api.github.com/repos/ableplayer/ableplayer/issues/134","id":116912546,"user":{"login":"blrichwine","id":1859574,"avatar_url":"https://avatars.githubusercontent.com/u/1859574?v=3","gravatar_id":"","url":"https://api.github.com/users/blrichwine","html_url":"https://github.com/blrichwine","followers_url":"https://api.github.com/users/blrichwine/followers","following_url":"https://api.github.com/users/blrichwine/following{/other_user}","gists_url":"https://api.github.com/users/blrichwine/gists{/gist_id}","starred_url":"https://api.github.com/users/blrichwine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/blrichwine/subscriptions","organizations_url":"https://api.github.com/users/blrichwine/orgs","repos_url":"https://api.github.com/users/blrichwine/repos","events_url":"https://api.github.com/users/blrichwine/events{/privacy}","received_events_url":"https://api.github.com/users/blrichwine/received_events","type":"User","site_admin":false},"created_at":"2015-06-30T02:04:40Z","updated_at":"2015-06-30T02:04:40Z","body":"I ran into this problem when implementing the player in our university's cms template that came with a lot of other css I couldn't control. The short of it was that I added overflow: hidden !important to the buttons in the controller by making the following mod to ableplayer.css:\r\n\r\n```css\r\n.able-controller button {\r\n  background: none !important;\r\n  position: relative !important;\r\n  display: inline-block !important;\r\n  border-style: none;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: #fdfdfd;\r\n  min-width: 20px;\r\n  overflow:hidden !important; /* Added to restrain focus indication */\r\n}\r\n```"}}