You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using the Button component inside a GridListItem, with the isDisabled prop set to true and disabledBehavior is set to "all", the button is not disabled.
🤔 Expected Behavior?
A button inside a disabled item should be disabled as well. Just like it is already done for checkboxes.
😯 Current Behavior
The button can no longer be focused using the keyboard, but it is not disabled and mouse users can still press it.
💁 Possible Solution
Checkboxes are disabled using the CheckboxContext. The same should be the case for buttons.
Provide a general summary of the issue here
When using the
Button
component inside aGridListItem
, with theisDisabled
prop set totrue
anddisabledBehavior
is set to"all"
, the button is not disabled.🤔 Expected Behavior?
A button inside a disabled item should be disabled as well. Just like it is already done for checkboxes.
😯 Current Behavior
The button can no longer be focused using the keyboard, but it is not disabled and mouse users can still press it.
💁 Possible Solution
Checkboxes are disabled using the
CheckboxContext
. The same should be the case for buttons.🔦 Context
No response
🖥️ Steps to Reproduce
https://codesandbox.io/p/sandbox/elastic-pare-vmrszj?file=%2Fsrc%2FApp.js
Untitled.mov
Version
react-aria-components@1.2.0
What browsers are you seeing the problem on?
Firefox, Chrome, Safari, Microsoft Edge
If other, please specify.
No response
What operating system are you using?
MacOS, Windows
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
The text was updated successfully, but these errors were encountered: