bug(datepicker): Focus Not Properly Managed After Selecting Date in Angular Datepicker (VoiceOver, iOS)
- 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
The Angular date picker doesn't properly focus on the selected date when using VoiceOver on iOS. When I try to select a date, the calendar opens as expected, and I double-tap to choose a date using VoiceOver. However, after the date is selected, the double-tap also triggers a selection on whatever element is behind the calendar.
### Reproduction
Steps to reproduce:
1. Enable VoiceOver on iOS.
2. Navigate to [Angular Material Datepicker](https://material.angular.dev/components/datepicker/overview).
3. Open the datepicker; the calendar overlay appears.
4. Using VoiceOver, double-tap to select a date.
5. After the double-tap, focus unexpectedly shifts to an element behind the calendar instead of remaining within the datepicker.


### Expected Behavior
After selecting a date using VoiceOver, the focus should return to the datepicker input, not shift to elements behind the calendar.
### Actual Behavior
After selecting a date with VoiceOver, the focus shifts to an element behind the calendar instead of returning to the datepicker input.
### Environment
- Angular: 18, 20
- CDK/Material: 18, 20
- Browser(s): Safari, Chrome, Brave
- Operating System (e.g. Windows, macOS, Ubuntu): iOS
Guía de contribución
Línea de trabajo
Comienza reproduciendo el problema de la descripción general de Angular Material Datepicker en iOS con VoiceOver, siguiendo los pasos indicados. Inspecciona el manejo del foco del datepicker después de seleccionar una fecha y verifica que el foco vuelva al campo de entrada del datepicker en lugar de a un elemento situado detrás del calendario; cubre este comportamiento con una prueba de regresión si las pruebas existentes del datepicker lo ponen de manifiesto.
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
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 42/100