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 providing an aria-labelledby prop to the <Checkbox> component it doesn't work, you have to use aria-labelledBy (uppercase B), which causes the following warning in the console:
We've also noticed that the aria-labelledby isn't autosuggested like other aria-* props are, for example aria-label.
Can confirm that the same occurs with at least the <Switch> component.
The text was updated successfully, but these errors were encountered:
What package within Headless UI are you using?
@headlessui/react
What version of that package are you using?
2.2.0
What browser are you using?
N/A
Reproduction URL
https://codesandbox.io/p/devbox/headlessui-aria-labelledby-warning-y9yjjy
Describe your issue
When providing an
aria-labelledby
prop to the<Checkbox>
component it doesn't work, you have to usearia-labelledBy
(uppercaseB
), which causes the following warning in the console:We've also noticed that the
aria-labelledby
isn't autosuggested like otheraria-*
props are, for examplearia-label
.Can confirm that the same occurs with at least the
<Switch>
component.The text was updated successfully, but these errors were encountered: