From 2bf5245126bc9ef890c06afe5a825d1e1ab4059c Mon Sep 17 00:00:00 2001
From: Brendan Dash <61053131+Debbl@users.noreply.github.com>
Date: Tue, 29 Oct 2024 15:57:08 +0800
Subject: [PATCH] fix: disable `pointerDownOutside` trigger `onDismiss` (#1215)

* fix: multiple listening modal event

* Revert "fix: multiple listening modal event"

This reverts commit 86c33236da303d9c7be4eb2ec365927c25f656b8.

* fix: preventDefault PointerDownOutside
---
 .../src/components/ui/modal/stacked/modal.tsx      | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/renderer/src/components/ui/modal/stacked/modal.tsx b/apps/renderer/src/components/ui/modal/stacked/modal.tsx
index 77f9ed7614..8df897b99f 100644
--- a/apps/renderer/src/components/ui/modal/stacked/modal.tsx
+++ b/apps/renderer/src/components/ui/modal/stacked/modal.tsx
@@ -236,7 +236,12 @@ export const ModalInternal = memo(
             <Dialog.Portal>
               {Overlay}
               <Dialog.DialogTitle className="sr-only">{title}</Dialog.DialogTitle>
-              <Dialog.Content asChild aria-describedby={undefined} onOpenAutoFocus={openAutoFocus}>
+              <Dialog.Content
+                asChild
+                aria-describedby={undefined}
+                onPointerDownOutside={(event) => event.preventDefault()}
+                onOpenAutoFocus={openAutoFocus}
+              >
                 <div
                   ref={setEdgeElementRef}
                   className={cn(
@@ -281,7 +286,12 @@ export const ModalInternal = memo(
         <Dialog.Root modal={modal} open onOpenChange={onClose}>
           <Dialog.Portal>
             {Overlay}
-            <Dialog.Content asChild aria-describedby={undefined} onOpenAutoFocus={openAutoFocus}>
+            <Dialog.Content
+              asChild
+              aria-describedby={undefined}
+              onPointerDownOutside={(event) => event.preventDefault()}
+              onOpenAutoFocus={openAutoFocus}
+            >
               <div
                 ref={setEdgeElementRef}
                 className={cn(