Disabled elements are still functional if accessed via the keyboard
rid9 opened this issue · 3 comments
rid9 commented
To reproduce:
- Visit the Disable/Enable example from the documentation.
- Uncheck the "Enable" checkbox. The select now looks disabled as expected, and it's not possible to control it with the mouse.
- Click on the select from the example above to focus it.
- Press Tab a few times until the disabled checkbox receives focus.
- You can now use the keyboard to control the disabled checkbox. Enter works and it opens the dropdown, then you can navigate with the arrow keys to select an option.
When a select is disabled, it should ignore focus and it should not be possible to navigate to it or to control it with the keyboard.
As an example, if three select elements are next to each other and the one in the middle is disabled, pressing Tab should move focus from the first select to the last select and ignore the select in the middle.
gnbm commented