Turn menus/dropdowns into overlays on mobile devices

Lukas W.

Well-known member
Small viewports make handling dropdowns a very cumbersome process. Scrolling down oftentimes results into accidentally closing the dropdown, especially on long lists, and sometimes it's even impossible to scroll without accidentally selecting something on the way down.

The most frustrating case for this is the Editor, where constant keyboard show/hide events already make page jumps a very unpleasant experience to work with in general.

If you're suffering from jittery hands in general and rely on things like speech to text, most these ui items are outright blocked for you altogether.

Instead of relying on these inaccessible options, mobile devices should instead show overlays, that can be scrolled independently of the parent container and are a bit more resilient to accidental selection.

Androids select menu component is a good example for this:
Screenshot_20210504-131610.png
 
Last edited:
Upvote 10
Back
Top Bottom