WordPress.org

Make WordPress Core

Opened 3 weeks ago

Last modified 2 weeks ago

#49322 new defect (bug)

Twenty Twenty: Submenu items disappear underneath the Cover block

Reported by: kjellr Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.3.2
Component: Bundled Theme Keywords:
Focuses: Cc:

Description

When a site has many submenu items, they may appear below the color overlay of a Cover block, rendering them inaccessible via hover:

http://cldup.com/UN_vJgL8Lu.png

GIF: https://cloudup.com/cJoqjhPu9dV


To reproduce:

  1. Add a menu item with many submenu items (I had to use at least 12).
  2. Begin a post or page with a wide or full-width Cover block.
  3. View that post on desktop, and attempt to hover over the bottommost submenu items.

They'll appear behind the cover block's color overlay layer, and the submenu will close when you attempt to hover over them.


Tested with WP 5.3.2, Gutenberg 7.3, and Twenty Twenty 1.1

Attachments (1)

49322.patch (798 bytes) - added by kjellr 2 weeks ago.

Download all attachments as: .zip

Change History (2)

@kjellr
2 weeks ago

#1 @kjellr
2 weeks ago

I've added 49322.patch to fix this issue. It adjusts the z-index of #site-header from 1 to 2. The z-index of the cover block's overlay is 1, so that's enough to fix the issue. Adjusting the z-index of any items below #site-header didn't have any positive effect, and making this change doesn't seem to mess with anything else that relies on z-index(like the search box for instance).

Before:

http://cldup.com/JleVB35K4N.png

After:

http://cldup.com/MBwDLj3tqh.png

Note: See TracTickets for help on using tickets.