Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

V2 Bug - Disabled checkbox selected when navigating by tab #3212

Closed
guhndr opened this issue May 16, 2024 · 1 comment · Fixed by #3251
Closed

V2 Bug - Disabled checkbox selected when navigating by tab #3212

guhndr opened this issue May 16, 2024 · 1 comment · Fixed by #3251
Assignees

Comments

@guhndr
Copy link

guhndr commented May 16, 2024

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v2.0.3

What browser are you using?

Chrome

Reproduction URL

https://codesandbox.io/p/devbox/hardcore-khayyam-jmlf94?file=%2Fsrc%2FApp.jsx%3A13%2C28

Describe your issue

When tabbing between elements the checkbox are being selected even if it's disabled. I'd expect it to be skipped like other disabled elements (e.g buttons, inputs, switches)

@guhndr guhndr changed the title V2 - Disabled checkbox selected by tab V2 Bug - Disabled checkbox selected when navigating by tab May 16, 2024
@RobinMalfait RobinMalfait self-assigned this May 28, 2024
@RobinMalfait
Copy link
Member

This should be fixed by #3251, and will be available in the next release.

You can already try it using:

  • npm install @headlessui/react@insiders.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants