prevent dialog from closing on outsideclick

maheshj01 · Oct 6, 2024 · 1f1b5c6 · 1f1b5c6
1 parent 7430bca
commit 1f1b5c6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/app/(main)/_components/GeminiDialog.tsx b/src/app/(main)/_components/GeminiDialog.tsx
@@ -32,7 +32,7 @@ const GeminiDialog: React.FC<GeminiDialogProps> = ({ isOpen, onClose, onSave, ti
 
     return (
         <Modal size="md" isOpen={isOpen} onClose={onClose} isDismissable={true}>
-            <ModalContent>
+            <ModalContent className="gemini-dialog-class">
                 <ModalHeader className="flex flex-col mt-1">
                     <div className="flex">
                         <Image

diff --git a/src/app/(main)/_hooks/outsideclick.ts b/src/app/(main)/_hooks/outsideclick.ts
@@ -4,7 +4,8 @@ const useClickOutside = <T extends HTMLElement>(ref: RefObject<T>, fn: () => voi
     useEffect(() => {
         const element = ref?.current;
         function handleClickOutside(event: Event) {
-            if (element && !element.contains(event.target as Node | null)) {
+            const dialog = document.querySelector('.gemini-dialog-class');
+            if (element && !element.contains(event.target as Node | null) && (!dialog || !dialog.contains(event.target as Node | null))) {
                 fn();
             }
         }