SkillCodexOpen favorites and history
Behavior comparison
Choose Listbox for: One or more values are chosen from a named composite option set. Choose Select for: Choosing one or more known values from a predefined list.
Decision
Is the person choosing a native value, filtering by typing, or navigating a list?
Choose Listbox when Listbox is the composite option widget and can be standalone or a popup with single or multiple selection; Select is a native form control, while Combobox is the value control that owns or controls an associated popup. Choose Select when Select is a native form control whose values come only from predefined options and whose mode can be single or multiple; Combobox controls an associated popup and may be editable or select-only, while Listbox is a composite option widget that can be standalone or used in a popup.
| 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 native sized select is one tab stop. In this single-select specimen, selection follows keyboard focus, so active and selected state move together; custom listboxes must declare their own model. | The native control delegates focus and option navigation to the platform for its declared single or multiple presentation. |
| Dismissal | In this standalone specimen, leaving with Tab preserves the selected value; when a listbox is a popup, dismissal is coordinated by its owning control. | For a collapsed single-select, the platform picker closes using its standard commit or cancellation behavior; a list presentation does not imply a dismissible popup. |
| Accessible role | listbox > option | select |
| Use case | One or more values are chosen from a named composite option set | Choosing one or more known values from a predefined 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. |
