We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
What package within Headless UI are you using?
@headlessui/vue
What version of that package are you using?
v1.6.5
What browser are you using?
Chrome, Firefox
Reproduction URL
https://codesandbox.io/p/sandbox/nice-davinci-9xvtxj
Describe your issue
The <Switch> <button> element always has tabindex=0, setting <Switch tabindex="X"> will not change the tabindex!
<Switch>
<button>
tabindex=0
<Switch tabindex="X">
The text was updated successfully, but these errors were encountered:
tabIndex
<Switch />
Hey!
This should be fixed by #2966, and will be available in the next release.
You can already try it using:
npm install @headlessui/react@insiders
npm install @headlessui/vue@insiders
Note: you can pass anything but -1 because we still need the Switch to be focusable via the keyboard.
-1
Sorry, something went wrong.
RobinMalfait
Successfully merging a pull request may close this issue.
What package within Headless UI are you using?
@headlessui/vue
What version of that package are you using?
v1.6.5
What browser are you using?
Chrome, Firefox
Reproduction URL
https://codesandbox.io/p/sandbox/nice-davinci-9xvtxj
Describe your issue
The
<Switch>
<button>
element always hastabindex=0
, setting<Switch tabindex="X">
will not change the tabindex!The text was updated successfully, but these errors were encountered: