Wizard: Fix Select's dropdown closing
This fixes a bug - when clicking outside the select dropdown, the dropdown was not closed.
This commit is contained in:
parent
d18f25e331
commit
561e9d164e
5 changed files with 14 additions and 21 deletions
|
|
@ -57,10 +57,6 @@ const KeyboardDropDown = () => {
|
|||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [filterValue]);
|
||||
|
||||
const onToggle = (isOpen: boolean) => {
|
||||
setIsOpen(!isOpen);
|
||||
};
|
||||
|
||||
const onInputClick = () => {
|
||||
if (!isOpen) {
|
||||
setIsOpen(true);
|
||||
|
|
@ -138,7 +134,7 @@ const KeyboardDropDown = () => {
|
|||
isOpen={isOpen}
|
||||
selected={keyboard}
|
||||
onSelect={onSelect}
|
||||
onOpenChange={onToggle}
|
||||
onOpenChange={(isOpen) => setIsOpen(isOpen)}
|
||||
toggle={toggle}
|
||||
shouldFocusFirstItemOnOpen={false}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -62,10 +62,6 @@ const LanguagesDropDown = () => {
|
|||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [filterValue]);
|
||||
|
||||
const onToggle = (isOpen: boolean) => {
|
||||
setIsOpen(!isOpen);
|
||||
};
|
||||
|
||||
const onInputClick = () => {
|
||||
if (!isOpen) {
|
||||
setIsOpen(true);
|
||||
|
|
@ -142,7 +138,7 @@ const LanguagesDropDown = () => {
|
|||
isOpen={isOpen}
|
||||
selected={inputValue}
|
||||
onSelect={onSelect}
|
||||
onOpenChange={onToggle}
|
||||
onOpenChange={(isOpen) => setIsOpen(isOpen)}
|
||||
toggle={toggle}
|
||||
shouldFocusFirstItemOnOpen={false}
|
||||
>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue