-
Notifications
You must be signed in to change notification settings - Fork 13
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 time picker #151
Refactor time picker #151
Conversation
@@ -399,6 +394,7 @@ export const TimepickerDropdown = ({ | |||
<Container | |||
ref={resizeDetector.ref} | |||
data-testid={getTestId("timepicker-dropdown")} | |||
inert={show ? undefined : ""} |
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.
when set, the inert
attribute disables interactivity with the element and its children. this includes exclusion from the tab sequence
it's supported in the majority of browsers now but unfortunately still not included in React, so a workaround is to augment the types and whitelist it from eslint
Can we also change the |
d931d29
to
dc1db1c
Compare
dc1db1c
to
ffd81f1
Compare
document.removeEventListener("mousedown", handleMouseDownEvent); | ||
document.removeEventListener("keyup", handleKeyUpEvent); | ||
}; | ||
}, [showEndTimeSelector]); |
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 missed out on this during review. these callbacks have stale state. have also amended similar issues in Timepicker
Changes
Refactoring/updating time picker inputs
utils
folder and renamed toTimeHelper
Other changes
InputWrapper
InputWrapper
Additional information