Page MenuHomePhabricator

Menus should not extend past the bottom of the screen
Closed, DuplicatePublicBUG REPORT

Description

If a Menu is long, or if the thing that opens it (e.g. a Select handle or a Lookup input) is close to the bottom of the screen, the menu will extend past the bottom of the screen. When this happens, some of the items are cut off and are not reachable. Sometimes the user can work around this by scrolling down so that the thing the menu is anchored to moves up, but that isn't possible if the anchor is near the bottom of the page, or near the bottom of the scrollable area it's in, or is in a dialog.

We should explore options for automatically resizing menus so that they don't extend past the bottom of the screen, similar to what OOUI does. Alternatively, we can explore whether menus should open upwards instead of downwards in certain cases, e.g. when a Select is near the bottom of the screen.

This has been reported in various forms, see T312121 (worked around in another way) and T341944 (combines this issue with another issue).

Screenshot from one of the videos in T341944:

image.png (1×2 px, 800 KB)

Another case—the ReportIncident dialog on mobile:

image.png (1×633 px, 66 KB)

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Catrope changed the subtype of this task from "Task" to "Bug Report".
egardner raised the priority of this task from High to Needs Triage.Oct 2 2023, 9:12 PM
egardner moved this task from Needs Refinement to Backlog on the Design-System-Team board.