close dropdown menus after selection

DesignSafe-CI · Jun 17, 2024 · 251be2d · 251be2d
1 parent 99ba743
commit 251be2d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/client/modules/datafiles/src/projects/forms/_fields/DropdownSelect.tsx b/client/modules/datafiles/src/projects/forms/_fields/DropdownSelect.tsx
@@ -9,12 +9,14 @@ export const DropdownSelect: React.FC<{
   placeholder?: string;
   onChange?: (value: DropdownValue[]) => void;
 }> = ({ value, onChange, options, maxCount, placeholder }) => {
+  const [open, setOpen] = useState(false);
   const handleChange = (newVal: { label?: string; value: string }[]) => {
     const formValue = newVal.map((v) =>
       v.label ? { id: v.value, name: v.label } : { id: 'other', name: v.value }
     );
 
     onChange && onChange(formValue);
+    setOpen(false);
   };
 
   const getValue = (
@@ -29,6 +31,8 @@ export const DropdownSelect: React.FC<{
 
   return (
     <Select
+      open={open}
+      onDropdownVisibleChange={(visible) => setOpen(visible)}
       virtual={false}
       placement="bottomLeft"
       placeholder={placeholder}