Open
Description
openedon May 8, 2024
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
When an iPhone user is navigating using a Bluetooth keyboard to open up the dropdown. The user won't be able to collapse the dropdown when tabbing away. This is introducing an ADA issue, as the dropdown will block the content behind it.
Reproduction
Steps to reproduce:
- Connect your iPhone to a Bluetooth keyboard, and enable "Full Keyboard Access" in settings
- Got to https://material.angular.io/components/select/examples
- Open any dropdown and use keyboard to tab away
- Focus moved to the next control and dropdown panel is still open
Expected Behavior
Dropdown should be collapsed when user tabs away using keyboard
Actual Behavior
Focus moved to the next control and dropdown panel is still open when user tabs away
Environment
- Angular: 17.3.0
- CDK/Material: 17.3.6
- Browser(s): Safari, Chrome, etc.
- Operating System (e.g. Windows, macOS, Ubuntu): iPhone
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment