Page MenuHomePhabricator

Styled select lists, e.g. on Special:WhatLinksHere, are hard to use on mobile
Open, Needs TriagePublicBUG REPORT

Description

List of steps to reproduce (step by step, including full links if applicable):

  • Open a wiki page, e.g. https://www.mediawiki.org/, on a smartphone
  • Scroll to the bottom and click "Desktop"
  • Click "What links here"
  • Click "What links here"
  • Open the "Namespace" menu

What happens?:
The menu which opens is difficult to read without zooming in. It is difficult to use whether zoomed in or not. The menu scrolls horizontally when zoomed in. Scrolling vertically sometimes scrolls the page and sometimes scrolls the menu. It's difficult to get to the start or end of the list. Tapping in the wrong place can close the menu (if too much of the surrounding page is shown), make it difficult to close the menu (if too much of the menu is shown) or make it easy to select an option without knowing which option it is (if the labels are scrolled off the side of the screen).

What should have happened instead?:
The menu which opens should use an appropriate font size, should not scroll horizontally and should allow using a fast swipe to scroll to the start or end of the menu.

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.:
Android, same behaviour in both Chrome and Firefox
Screenshot from https://www.mediawiki.org/:

styled.png (513×360 px, 65 KB)

The same menu on https://wiki.openstreetmap.org/ (which currently has unstyled menus):
unstyled.png (514×360 px, 47 KB)

Event Timeline

OOUI uses native dropdowns on mobile, which don't suffer from the issue you describe, but you're using the desktop site, so you get the experience optimized for desktops.