fix: disable closing dropdown on space (#10945)

app/client/src/components/ads/Dropdown.tsx

@@ -76,6 +76,7 @@ export type DropdownProps = CommonComponentProps &
     dropdownHeight?: string;
     dropdownMaxHeight?: string;
     showDropIcon?: boolean;
+    closeOnSpace?: boolean;
     dropdownTriggerIcon?: React.ReactNode;
     containerClassName?: string;
     headerLabel?: string;
@@ -793,6 +794,7 @@ export default function Dropdown(props: DropdownProps) {
     helperText,
     removeSelectedOption,
     hasError,
+    closeOnSpace = true,
   } = { ...props };
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [selected, setSelected] = useState<DropdownOption | DropdownOption[]>(
@@ -872,6 +874,12 @@ export default function Dropdown(props: DropdownProps) {
           }
           break;
         case " ":
+          if (closeOnSpace) {
+            e.preventDefault();
+            if (isOpen && !("length" in selected)) optionClickHandler(selected);
+            else onClickHandler();
+          }
+          break;
         case "Enter":
           e.preventDefault();
           if (isOpen && !("length" in selected)) optionClickHandler(selected);

app/client/src/widgets/CurrencyInputWidget/component/CurrencyCodeDropdown.tsx

@@ -156,6 +156,7 @@ export default function CurrencyTypeDropdown(props: CurrencyDropdownProps) {
   return (
     <DropdownContainer>
       <Dropdown
+        closeOnSpace={false}
         containerClassName="currency-type-filter"
         dropdownHeight="139px"
         dropdownTriggerIcon={dropdownTriggerIcon}

app/client/src/widgets/PhoneInputWidget/component/ISDCodeDropdown.tsx

@@ -147,6 +147,7 @@ export default function ISDCodeDropdown(props: ISDCodeDropdownProps) {
   }
   return (
     <Dropdown
+      closeOnSpace={false}
       containerClassName="country-type-filter"
       dropdownHeight="139px"
       dropdownTriggerIcon={dropdownTrigger}