You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Allow filtering (or hide non-matching options) for Combo box
Current
Right now combo box does not hide options that do not match user input text. To increase usibility, component should reduce the number of options when user input some text to only the matching ones.
Ideal state + justifications
Country selection is a common use case for combo box. Number of countries make the dropdown extremely long and difficult to use. Allowing type in + filtering helps to bring all the relevant options into view, hide all the other options. If there is no filtering in below example, users can miss out on the existence of other matching options below the fold.
Notice the blue text highlighting is a nice to have enhancement.
Allow filtering (or hide non-matching options) for Combo box
Current
Right now combo box does not hide options that do not match user input text. To increase usibility, component should reduce the number of options when user input some text to only the matching ones.
Ideal state + justifications
Country selection is a common use case for combo box. Number of countries make the dropdown extremely long and difficult to use. Allowing type in + filtering helps to bring all the relevant options into view, hide all the other options. If there is no filtering in below example, users can miss out on the existence of other matching options below the fold.
Notice the blue text highlighting is a nice to have enhancement.
Research / academic backup
https://baymard.com/blog/drop-down-usability
The text was updated successfully, but these errors were encountered: