-
Notifications
You must be signed in to change notification settings - Fork 14
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
#3113732: Implement Form components #24
Conversation
|
||
export const checkboxRecipe = strictRecipe({ | ||
base: [ | ||
{ position: "relative", zIndex: "1" }, |
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.
maybe not the best solution, but in this way we're rendering the checkbox square above the extendedHitArea, so that the mouse events (e.g. hover) are intercepted and we can set a proper style to the square only (e.g. borders on hover)
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.
ok for now, I'll double check later if we can remove this zIndex
className={fieldContainer} | ||
> | ||
<VisuallyHidden> | ||
<input {...mergeProps(inputProps, fieldProps, focusProps)} ref={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.
focusProps
are missing in hm. They're needed to make the focus ring work correctly
5173e8f
to
0e4de9c
Compare
0675835
to
9e88a17
Compare
|
1b83564
to
592141a
Compare
8a5c19f
to
d3b67f5
Compare
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.
|
||
export const checkboxRecipe = strictRecipe({ | ||
base: [ | ||
{ position: "relative", zIndex: "1" }, |
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.
ok for now, I'll double check later if we can remove this zIndex
Closes #3113732
First PR implementing just theCheckboxField
for now, since there are a couple of topics that must be addressedImplemented also
RadioGroupField
Test Plan
tests performed