nextui icon indicating copy to clipboard operation
nextui copied to clipboard

[BUG] - Disabled Select Allows Changes Using Blur + Keyboard

Open Hopp3r opened this issue 1 year ago • 0 comments

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

  1. Select the disabled element using tab, or by clicking the select's label
  2. Type a character that corresponds to a different select item's value.
  3. 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

Hopp3r avatar Feb 12 '24 10:02 Hopp3r