feat(aria/spinbutton): Add spinbutton primitive for value selection within discrete ranges
I maintainer di solito rispondono entro 1 giorno
@ok7sai ci sta già lavorando.
Dal 1/4/2026.
Valutazione
Questa issue non è ancora stata valutata.
Descrizione
Feature Description
Angular Aria currently lacks a spinbutton primitive.
The APG Spinbutton Pattern defines it as an input widget that restricts its value to a set or range of discrete values.
Keyboard Interaction (per APG)
| Key | Function |
|---|---|
| Up Arrow | Increases the value |
| Down Arrow | Decreases the value |
| Home | Sets value to minimum (if defined) |
| End | Sets value to maximum (if defined) |
| Page Up | Increases value by larger step (optional) |
| Page Down | Decreases value by larger step (optional) |
Required ARIA Attributes
role="spinbutton"on the focusable elementaria-valuenow- Current valuearia-valuemin/aria-valuemax- Min/max allowed valuesaria-valuetext- User-friendly string (e.g., "Monday" instead of "1")aria-labelledbyoraria-label- Accessible namearia-invalid="true"- When value is outside allowed range
References
APG Specification
- Spinbutton Pattern
- Quantity Spin Button
Example - Toolbar Example (includes font size
spinbutton)
React Aria Prior Art
React Aria uses spinbuttons internally for date/time segment navigation:
Implementation
PR: https://github.com/angular/components/pull/32663
Use Case
- Quantity Selection - Hotel booking, shopping carts, product pages
- Time Input - Time pickers with hours, minutes, seconds segments
- Date Picker Components - Date range selectors using spinbuttons for date segments
- Toolbar Controls - Font size and property controls in text editors
- Numeric Input with Constraints - Any value selection within a min/max range
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 2g 19h
- PR unite (30g)
- 82
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di angular/components
-
bug(aria/combobox): keys pressed back to back are lost; only the last one reaches the popupForse già presa @drakeo338 l’ha presa 2 giorni fa. Apertaarea: aria/combobox gemini-triaged
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
angular/components#33973 ·
I maintainer di solito rispondono entro 1 giorno
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.Forse già presa @lekhmanrus l’ha presa 14 giorni fa. Apertaarea: material/sort P3
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
angular/components#33933 ·
I maintainer di solito rispondono entro 1 giorno
-
bug(mat-date-picker): month shown twice in date pickerForse già presa @PreethiPantangi l’ha presa 31 giorni fa. Apertaarea: material/datepicker P4
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
angular/components#33763 · 2 commenti · 3 reazioni ·
I maintainer di solito rispondono entro 1 giorno
-
Bug in table.scss footer cell height: unset instead of footer row height unsetForse già presa @minwookshin l’ha presa 18 giorni fa. Apertaarea: material/table P4
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 88/100
angular/components#33709 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
docs-bug(Table): Add example with `rowspan`Forse già presa @BHUVANSH855 l’ha presa 98 giorni fa. Apertaarea: material/table docs P4
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
angular/components#33455 ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di angular/components
Issue simili
-
Add: Pbs KidsApertacheck:passed streams:add
Difficoltà 2/5 1-3 ore Idoneità per principianti 67/100
I maintainer di solito rispondono entro 2 giorni
-
maintanance
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
inmanta/web-console#7583 ·
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
deltachat/deltachat-desktop#6881 · 1 commento ·
I maintainer di solito rispondono entro 3 giorni
-
[Bug Report][3.13.7] VDataTable with select-strategy="single" shows select-all checkbox in mobile modeForse già presa @lazerg l’ha presa oggi. ApertaS: triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
phivk/rubiks-lab#33 ·
I maintainer di solito rispondono entro 1 giorno