[wp-trac] [WordPress Trac] #60808: Twenty Twenty-Four: Black outline around the Navigation block submenu-expanding button (was: Twenty Twenty Four: Black border around the navigation items when sub items are present)

[WordPress Trac]

#60808: Twenty Twenty-Four: Black outline around the Navigation block submenu-
expanding button
-----------------------------------+------------------------------
 Reporter:  jordesign              |       Owner:  (none)
     Type:  defect (bug)           |      Status:  new
 Priority:  normal                 |   Milestone:  Awaiting Review
Component:  Bundled Theme          |     Version:  trunk
 Severity:  normal                 |  Resolution:
 Keywords:  2nd-opinion has-patch  |     Focuses:  accessibility
-----------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  2nd-opinion => 2nd-opinion has-patch
 * version:  6.4.3 => trunk
 * component:  Themes => Bundled Theme


Comment:

 If the submenus are set to open on click, the focus outline is not ideal
 when someone uses a mouse on the toggle button.

 @wildworks suggested `:focus-visible` (ticket:60535#comment:19), which I
 should have given more consideration. It applies the 2px solid style when
 navigating by keyboard, matching the focused element's text color unless
 the site defines it differently. However, `:focus-visible` does not add
 the outline in situations such as clicking the submenu toggle button or
 opening the context menu ("right-click").

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