bug(MatSelect): With VoiceOver + Chrome, VoiceOver's focus ring snaps from mat-options to mat-select element #24729
Labels
Accessibility
This issue is related to accessibility (a11y)
area: material/select
P3
An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Is this a regression?
The previous version in which this bug was not present was
No response
Description
When navigating through the options in a mat-select dropdown panel using Voiceover, if the currently selected option is active, the focus snaps back to the mat-select element. It returns to focusing on the active mat-option once you've used arrows to navigate one or two items away from the active option.
e.g. On a fruit selector, I've previously selected 'Apple'. Then I re-open the dropdown while using Voiceover and begin navigating through the options. When I reach 'Apple' in the list, suddenly the focus snaps back to the mat-select element rather than the active mat-option in the dropdown list.
Reproduction
Steps to reproduce:
Expected Behavior
When I navigate to the currently selected item in the dropdown list, the focus ring should remain on the active mat-option
Actual Behavior
When I navigate to the currently selected item in the dropdown list, the focus ring snaps back to the mat-select element.
Environment
Angular: v11, v12, v13 (observed from the latest 3 versions on the official website)
CDK/Material: Material
Browser(s): Chrome
Operating System (e.g. Windows, macOS, Ubuntu): macOS
The text was updated successfully, but these errors were encountered: