Address comments

Author: mocca102

src/hooks/useCustomBlur.ts

@@ -3,8 +3,6 @@ import { useCallback, useEffect } from 'react';
 const useCustomBlur = (isOpen: boolean, closeMenu: () => void) => {
   const handleDocumentClick = useCallback(
     (event: MouseEvent) => {
-      event.preventDefault();
-      event.stopPropagation();
       if (isOpen && !(event.target as HTMLElement)?.closest('.cio-autocomplete')) {
         closeMenu();
       }
@@ -13,9 +11,9 @@ const useCustomBlur = (isOpen: boolean, closeMenu: () => void) => {
   );
 
   useEffect(() => {
-    document.addEventListener('click', handleDocumentClick);
+    document.addEventListener('mousedown', handleDocumentClick);
     return () => {
-      document.removeEventListener('click', handleDocumentClick);
+      document.removeEventListener('mousedown', handleDocumentClick);
     };
   }, [handleDocumentClick]);
 };