Behavior comparison
Choose Combobox for: Selecting from a long list that benefits from filtering. Choose Select for: Choosing one known value from a short or moderate list.
| Dimension | ComboboxCombobox | SelectSelect |
|---|---|---|
| Trigger | Focus, typing, or an optional disclosure button opens matching suggestions. | Pressing the labeled native control opens the platform picker. |
| Modality | Non-modal editable input with an associated suggestion popup. | A non-modal form choice whose popup behavior is owned by the browser or operating system. |
| Placement | The suggestion list is anchored to the input and kept visible within the viewport. | An inline form control; the opened option surface is positioned by the platform. |
| Interactivity | Combines text editing with keyboard navigation and selection of a suggested value. | Selects one value from options; it does not contain arbitrary actions or searchable content. |
| Focus | DOM focus remains in the input while the active option relationship communicates list navigation. | The native control keeps one focus stop and delegates option focus behavior to the platform. |
| Dismissal | Escape closes the popup without destroying the query; selection or a safe outside press also closes it. | The platform picker closes on selection, cancellation, or its standard Escape behavior without losing the prior value on cancel. |
| Accessible role | combobox controlling a listbox | native select |
| Use case | Selecting from a long list that benefits from filtering | Choosing one known value from a short or moderate list |
| Mobile behavior | Keep suggestions visible above the software keyboard; use a larger search surface for very large datasets. | Prefer the native mobile picker unless the product genuinely needs richer filtering behavior. |