fix(core): prevent mousedown event on dropdown to keep it open

francoischalifour · Aug 19, 2020 · ec9733b · ec9733b
1 parent 92d95cc
commit ec9733b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/autocomplete-core/src/propGetters.ts b/packages/autocomplete-core/src/propGetters.ts
@@ -262,8 +262,14 @@ export function getPropGetters<TItem, TEvent, TMouseEvent, TKeyboardEvent>({
     };
   };
 
-  const getDropdownProps: GetDropdownProps = (rest) => {
+  const getDropdownProps: GetDropdownProps<TMouseEvent> = (rest) => {
     return {
+      onMouseDown(event) {
+        // Prevents the `activeElement` from being changed to the dropdown so
+        // that the blur event is not triggered, otherwise it closes the
+        // dropdown.
+        ((event as unknown) as MouseEvent).preventDefault();
+      },
       onMouseLeave() {
         store.send('mouseleave', null);
       },

diff --git a/packages/autocomplete-core/src/types/getters.ts b/packages/autocomplete-core/src/types/getters.ts
@@ -89,9 +89,10 @@ export type GetInputProps<TEvent, TMouseEvent, TKeyboardEvent> = (props: {
   onClick(event: TMouseEvent): void;
 };
 
-export type GetDropdownProps = (props?: {
+export type GetDropdownProps<TMouseEvent> = (props?: {
   [key: string]: unknown;
 }) => {
+  onMouseDown(event: TMouseEvent): void;
   onMouseLeave(): void;
 };