angular / angular/components

bug(MatAutocompleteModule): Unable to navigate between autocomplete input and overlay options panel using iOS VoiceOver

Aperta
#27,442 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Accessibility area: material/autocomplete area: material/select P2
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

Using IOS VoiceOver, using gesture to cycle between form controls, skips the overlay panel and thus preventing user from selecting a valid option.

The issue can be reproduced using [Autocomplete example from Material components page ](https://material.angular.io/components/autocomplete/examples)

### Reproduction

StackBlitz link: https://stackblitz.com/edit/pqfm6j
Steps to reproduce:
1. Access the page using IOS device (iPhone)
2. Enable VoiceOver
3. Using gesture swipe navigate to the autoccomplete field
4. `double tap` to edit "number" field
5. Swipe to search for letter "O" (as in Oscar)
6. `double tap` to accept selection "O"
7. Now two options are displayed on screen "One" , "Two"
8. use `Swipe Right` gesture to cycle between values

### Expected Behavior

Expected behaviour is, when dropdown with selectable values appear, user should be able to cycle through options using swipe gesture

### Actual Behavior

Actual Behaviour is :
The focus skips the available options displayed and focuses on next form field, leaving the Autocomplete field

### Environment

- Angular: 16.1.1
- CDK/Material: 16.1.4
- Browser(s): Safari, Google Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): iOS 15, iOS16

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con l’esempio Autocomplete nella pagina dei componenti Material o con la riproduzione collegata su StackBlitz, usando iOS VoiceOver e i passaggi di riproduzione elencati. Traccia il comportamento dell’overlay e del focus di MatAutocompleteModule quando compaiono le opzioni. Il lavoro è completato quando Swipe Right attraversa le opzioni disponibili invece di passare al campo successivo del modulo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
accessibility, frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.