WordPress.org

Make WordPress Core

Opened 2 years ago

Last modified 10 months ago

#45902 new defect (bug)

Twenty Nineteen: Mobile menu isn't scrollable

Reported by: kjellr Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.0
Component: Bundled Theme Keywords: needs-patch has-screenshots
Focuses: css Cc:

Description

As originally reported by @anevins in the Twenty Nineteen GitHub repo:

https://github.com/WordPress/twentynineteen/issues/713

Twenty Nineteen's mobile menu uses a fixed position, and does not allow for vertical scrolling when menu items extend beyond the screen height. In this screenshot for instance, it's impossible to scroll down and see the additional menu items:

https://cldup.com/-nMFdadUIZ-3000x3000.png

Normally, this would be solved by applying display: block (instead of table), and overflow-x: scroll to the submenu. However, in this case, that results in long menus visible under their children submenus:

https://cldup.com/x3H73ceFfZ.gif

Change History (2)

#1 @laurelfulford
22 months ago

  • Keywords needs-patch has-screenshots added
  • Milestone changed from Awaiting Review to Future Release

#2 @ianbelanger
10 months ago

  • Focuses css added
  • Version changed from 5.0.2 to 5.0
Note: See TracTickets for help on using tickets.