[wp-trac] [WordPress Trac] #22643: Tabindex on admin bar quicklinks has an outline on focus in webkit browsers

[WordPress Trac]

#22643: Tabindex on admin bar quicklinks has an outline on focus in webkit browsers
-----------------------------+--------------------------
 Reporter:  dllh             |       Type:  defect (bug)
   Status:  new              |   Priority:  normal
Milestone:  Awaiting Review  |  Component:  General
  Version:                   |   Severity:  normal
 Keywords:                   |
-----------------------------+--------------------------
 Steps:

 1. Install Jetpack or some plugin that adds to the admin bar a menu item
 whose click doesn't navigate away from the page (Jetpack's notifications
 do this).
 2. Click the menu item.

 Actual: On Chrome/Safari on the Mac, a blue outline appears around some of
 the elements in the admin bar. On the PC, the outline is orange, but the
 issue's still htere.

 Expected: No outline.

 This is the result of the tabindex of 0 on #wp-toolbar, which causes the
 whole admin bar to be focusable. The tabindex is needed for accessibility
 reasons.

 @azaozz suggested the following CSS, which does seem to clear the issue
 up:

 {{{
 div:focus, a:focus { outline: 0; }
 }}}

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/22643>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software