pick
Pick option(s) from a custom combobox or already-open panel
Use pick for custom combobox widgets (Material, React Select, etc.). Native <select> stays on select.
Syntax
When I pick "<option>" from "<combobox>"
When I pick "<option-or-list>"| Form | Meaning |
|---|---|
pick "…" from "…" | Open a closed combobox and choose a single option |
pick "…" (bare) | Choose from an already-open panel — single or comma multi |
Qualifiers
| Qualifier | Role | Example |
|---|---|---|
from | Combobox label (closed widget, single option) | pick "Canada" from "Country" |
Requirements
| Item | Contract |
|---|---|
| Element / control shape | Same as open: combobox / button[aria-haspopup] trigger; panel role=listbox or role=menu; options inside panel |
| How the label binds | pick "…" from "…" opens closed trigger then picks one option. Bare pick uses the already-open panel (owned by prior open) |
| Qualifiers that change resolve | from = closed combobox path; bare pick = open-panel path; comma multi only on bare / open … and pick |
| Platform | Web |
| Wrong shape → use instead | Native <select> → select. Radix menus → click by id. |
When it fails
- Same as open: wrong trigger shape, panel not listbox/menu, option not in panel.
See also UI contracts.
Examples
When I pick "Canada" from "Country"
When I open "Tags"
When I pick "Red,Blue,Green"Notes
- Bare
pickrequires a prior open (or useopen … and pick). pick "X" from "Y"is single option only — no comma list.- Multi option labels must not contain commas in v1.
- Open panels are resolved from the control that opened them; leftover panels do not steal later picks.