-
Notifications
You must be signed in to change notification settings - Fork 1.1k
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
fix(rac): Add TooltipWrapper
support for Checkbox
and Radio
#6738
base: main
Are you sure you want to change the base?
Conversation
Checkbox
and Radio
Checkbox
and Radio
TooltipWrapper
support for Checkbox
and Radio
@@ -220,13 +220,14 @@ function Checkbox(props: CheckboxProps, ref: ForwardedRef<HTMLLabelElement>) { | |||
isRequired: props.isRequired || false | |||
} | |||
}); | |||
let {focusableProps} = useFocusable(props, ref); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this is giong to double up focus events, they should already supported on Checkbox through useCheckbox->useToggle
?
@@ -186,7 +186,7 @@ function Radio(props: RadioProps, ref: ForwardedRef<HTMLLabelElement>) { | |||
}, state, inputRef); | |||
let {isFocused, isFocusVisible, focusProps} = useFocusRing(); | |||
let interactionDisabled = isDisabled || state.isReadOnly; | |||
|
|||
let {focusableProps} = useFocusable(props, ref); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
it looks like this should already be supported as well through useRadio
?
8cb1a5d
to
3013156
Compare
a79adcf
to
3013156
Compare
Closes part of #6142
TooltipTrigger
from rac didn't work withRadio
andCheckbox
rac because they didn't haveuseFocusable
inside.This PR fixes that
PS shutout to the @formaceft93 for the solution
✅ Pull Request Checklist:
📝 Test Instructions: