Behavior comparison
Choose Listbox for: A small set must remain visible for comparison. Choose Select for: Choosing one known value from a short or moderate list.
| Dimension | ListboxListbox | SelectSelect |
|---|---|---|
| Trigger | Focus or pointer entry reaches an option list that is already visible. | Pressing the labeled native control opens the platform picker. |
| Modality | Non-modal selection widget embedded in the current form or task. | A non-modal form choice whose popup behavior is owned by the browser or operating system. |
| Placement | An inline, visible list rather than a closed picker popup. | An inline form control; the opened option surface is positioned by the platform. |
| Interactivity | Supports single or multiple option selection with managed keyboard movement; options are not actions. | Selects one value from options; it does not contain arbitrary actions or searchable content. |
| Focus | The listbox is one tab stop; active option and selected option remain programmatically distinct. | The native control keeps one focus stop and delegates option focus behavior to the platform. |
| Dismissal | The always-visible list does not dismiss; leaving with Tab preserves the committed selection. | The platform picker closes on selection, cancellation, or its standard Escape behavior without losing the prior value on cancel. |
| Accessible role | listbox with option children | native select |
| Use case | A small set must remain visible for comparison | Choosing one known value from a short or moderate list |
| Mobile behavior | Use large option rows and controlled scrolling; prefer a native select for a short simple list. | Prefer the native mobile picker unless the product genuinely needs richer filtering behavior. |