bug(MatAutocompleteModule): Unable to navigate between autocomplete input and overlay options panel using iOS VoiceOver
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
### 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
Guía de contribución
Línea de trabajo
Comienza con el ejemplo de Autocomplete en la página de componentes de Material o con la reproducción enlazada de StackBlitz, usando iOS VoiceOver y los pasos de reproducción indicados. Rastrea el overlay y el comportamiento del foco de MatAutocompleteModule cuando aparecen las opciones. Se considera terminado cuando Swipe Right recorre las opciones disponibles en lugar de saltar al siguiente campo del formulario.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- accessibility, frontend
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100