bug(MatAutocompleteModule): Unable to navigate between autocomplete input and overlay options panel using iOS VoiceOver
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
### 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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par l’exemple Autocomplete sur la page des composants Material ou par la reproduction StackBlitz liée, en utilisant iOS VoiceOver et les étapes de reproduction indiquées. Suivez le comportement de l’overlay et du focus de MatAutocompleteModule lorsque les options apparaissent. Le travail est terminé lorsque Swipe Right parcourt les options disponibles au lieu de passer au champ de formulaire suivant.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- accessibility, frontend
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100