components icon indicating copy to clipboard operation
components copied to clipboard

Mobile interaction for combobox&select

Open ftakuipers opened this issue 8 months ago โ€ข 0 comments

Provide a general summary of the feature here

I am missing the vision for mobile use of the combobox and select. Currently, it opens the same way on mobile as in web, but in my eyes this is a strange interaction (combining a dropdown with an opened keyboard will likely result in some strange situations).

๐Ÿค” Expected Behavior?

Needs to be researched more thoroughly, but an example I found from Airbnb handles it the following way:

Image Image

In my eyes, this can be optimized by adding a search field at the top of the bottom sheet, so a user can open the keyboard explicitely, start searching, close the keyboard and continue scrolling the list.

๐Ÿ˜ฏ Current Behavior

Image

๐Ÿ’ Possible Solution

No response

๐Ÿ”ฆ Context

I am designing a mobile first calendar (Agenda) and need the functionality of selecting from a long list. In web I would solve this with a combobox, so that got me wondering what the alternative for mobile would be

๐Ÿ’ป Examples

No response

๐Ÿ‘ค Your name

Floor Kuipers

๐Ÿงข Your Product/Team

Magister

ftakuipers avatar Apr 28 '25 09:04 ftakuipers