-
Notifications
You must be signed in to change notification settings - Fork 221
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
refactor(select): Fix all syncing issues with the Select component #2983
refactor(select): Fix all syncing issues with the Select component #2983
Conversation
Workday/canvas-kit Run #7898
Run Properties:
|
Project |
Workday/canvas-kit
|
Run status |
Passed #7898
|
Run duration | 03m 53s |
Commit |
9c4a98adc0 ℹ️: Merge 192a7c15da58fd5dab320f83677c45b4c29982e5 into 23aaa97b9bc903bc333d2baa1654...
|
Committer | Nicholas Boll |
View all properties for this run ↗︎ |
Test results | |
---|---|
Failures |
0
|
Flaky |
28
|
Pending |
24
|
Skipped |
0
|
Passing |
1082
|
UI Coverage
21.71%
|
|
---|---|
Untested elements |
1635
|
Tested elements |
451
|
Accessibility
99.17%
|
|
---|---|
Failed rules |
5 critical
5 serious
0 moderate
2 minor
|
Failed elements |
181
|
@@ -22,17 +22,17 @@ import {useComboboxModel} from './useComboboxModel'; | |||
* ``` | |||
*/ | |||
export const useComboboxKeyboardTypeAhead = createElemPropsHook(useComboboxModel)(model => { | |||
const keySofar = React.useRef(''); | |||
const keySoFar = React.useRef(''); |
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 the other spelling made more sense 😉
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.
SOFAR:
noun
a system in which the sound waves from an underwater explosion are detected and located by three or more listening stations, useful in determining the position at sea of survivors of a disaster.
Summary
The
useComboboxInputConstrained
hook was created for Comboboxes that can only have a value from within a set of defined options. The value is constrained by the options passed to it.useComboboxInputConstrained
assumes there will be multiple inputs where one is presented to the user and the other is for the form/server. The hook keeps the model in sync with external ways to manipulate the input: Reactvalue
prop (controlled inputs), browser/extension autofill, and testing tools.Select
was updated to useuseComboboxInputConstrained
which fixes several bugs at once:id
#2533Release Category
Components
Checklist
ready for review
has been added to PRFor the Reviewer
Where Should the Reviewer Start?
Areas for Feedback? (optional)