nextui
nextui copied to clipboard
[BUG] - Disabled Select Allows Changes Using Blur + Keyboard
NextUI Version
2.2.9
Describe the bug
When setting a Select to disabled, the select still allows the user to change the value of the component by typing in the first letter of an item.
I've highlighted the select on chrome using tab, then pressed 's' to change the value to Shark instead of Cat. I can also do this by clicking on the label of the element, and then pressing a key.
Your Example Website or App
https://stackblitz.com/edit/stackblitz-starters-umk7zm?file=app%2Fpage.tsx
Steps to Reproduce the Bug or Issue
- Select the disabled element using tab, or by clicking the select's label
- Type a character that corresponds to a different select item's value.
- Notice the disabled input has had its value changed.
Expected behavior
If the element is set as disabled, keyboard inputs should not allow the value to change.
Screenshots or Videos
No response
Operating System Version
macOS, Windows
Browser
Chrome