[wp-trac] [WordPress Trac] #41286: Focus style and High Contrast Mode

[WordPress Trac]

#41286: Focus style and High Contrast Mode
-------------------------------------------------+-------------------------
 Reporter:  afercia                              |       Owner:  afercia
     Type:  defect (bug)                         |      Status:  closed
 Priority:  normal                               |   Milestone:  5.1
Component:  Administration                       |     Version:
 Severity:  normal                               |  Resolution:  fixed
 Keywords:  has-screenshots ui-feedback has-     |     Focuses:  ui,
  patch                                          |  accessibility
-------------------------------------------------+-------------------------

Comment (by afercia):

 When clicking on a menu sub-item, there's now a clearly visible outline
 that "flashes":

 [[Image(http://cldup.com/fJqVHlIMXI.gif)]]

 This happens because the transparent outline for Windows High Contrast
 mode gets a CSS transition and its color transitions from the current
 color to transparent. See the existing CSS for the menu sub-items:

 {{{
 #adminmenu .wp-not-current-submenu li > a,
 .folded #adminmenu .wp-has-current-submenu li > a {
         padding-right: 16px;
         padding-left: 14px;
         transition: all .1s ease-in-out;
 }
 }}}

 There's the need to be either more specific and not use `all` or reset the
 transition for the `outline` property.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/41286#comment:29>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform