[wp-trac] [WordPress Trac] #60374: Twenty Sixteen: Navigation block inherits colors from button styles

[WordPress Trac]

#60374: Twenty Sixteen: Navigation block inherits colors from button styles
---------------------------+-----------------------------
 Reporter:  poena          |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------------------
 Similar to https://core.trac.wordpress.org/ticket/59924

 The navigation block has an option called "Open on click" that is
 available when there is a submenu.
 When the option is enabled, the parent menu item is a <button> element.
 On the front of the website, this button inherits the background styles
 from the themes button CSS:
 {{{
 button:hover, button:focus, input[type="button"]:hover,
 input[type="button"]:focus, input[type="reset"]:hover,
 input[type="reset"]:focus, input[type="submit"]:hover,
 input[type="submit"]:focus {
         background: #007acc;
 }
 }}}

 When the menu item is focused, activated or hovered over, the background
 color changes to blue.


 == Testing instructions:
 Activate Twenty Sixteen
 Make sure that your WordPress installation has some content that you can
 place in the navigation block, because you will need to create a submenu.
 Create a new post or page.
 Add a navigation block. In the block, select the inserter and add a link:
 this will be your parent menu item. Click on the link and select the
 option "Add submenu". Add a link.
 Save.
 Go to the front of the website.
 Locate the navigation and hover over or move focus to the item that has
 the submenu.
 Confirm that the background color of the menu item changes.

 (You may also notice that if you set a background color on the submenu
 item in the block settings, this color only works in the editor, not the
 front, and this is a separate issue.)

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/60374>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform