Make WordPress Core

Opened 6 years ago

Last modified 7 months ago

#45902 new defect (bug)

Twenty Nineteen: Mobile menu isn't scrollable

Reported by: kjellr's profile 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 (3)

#1 @laurelfulford
6 years ago

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

#2 @ianbelanger
5 years ago

  • Focuses css added
  • Version changed from 5.0.2 to 5.0

#3 @karmatosed
7 months ago

I am still seeing this today so it is an issue I would recommend is resolved as if you have a long menu it does appear broken.

Note: See TracTickets for help on using tickets.