Behavior comparison
Choose Combobox for: Selecting from a long list that benefits from filtering. Choose Listbox for: A small set must remain visible for comparison.
| Dimension | ComboboxCombobox | ListboxListbox |
|---|---|---|
| Trigger | Focus, typing, or an optional disclosure button opens matching suggestions. | Focus or pointer entry reaches an option list that is already visible. |
| Modality | Non-modal editable input with an associated suggestion popup. | Non-modal selection widget embedded in the current form or task. |
| Placement | The suggestion list is anchored to the input and kept visible within the viewport. | An inline, visible list rather than a closed picker popup. |
| Interactivity | Combines text editing with keyboard navigation and selection of a suggested value. | Supports single or multiple option selection with managed keyboard movement; options are not actions. |
| Focus | DOM focus remains in the input while the active option relationship communicates list navigation. | The listbox is one tab stop; active option and selected option remain programmatically distinct. |
| Dismissal | Escape closes the popup without destroying the query; selection or a safe outside press also closes it. | The always-visible list does not dismiss; leaving with Tab preserves the committed selection. |
| Accessible role | combobox controlling a listbox | listbox with option children |
| Use case | Selecting from a long list that benefits from filtering | A small set must remain visible for comparison |
| Mobile behavior | Keep suggestions visible above the software keyboard; use a larger search surface for very large datasets. | Use large option rows and controlled scrolling; prefer a native select for a short simple list. |