From 57e818f78388329edbea9fcb54254cccefb1c095 Mon Sep 17 00:00:00 2001
From: Przeblysk <przeblysk@163.com>
Date: Thu, 10 Oct 2024 11:28:43 +0800
Subject: [PATCH] fix: Mouse click may briefly overlap with background elements
 (#848)

---
 apps/renderer/src/components/ui/modal/stacked/overlay.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/renderer/src/components/ui/modal/stacked/overlay.tsx b/apps/renderer/src/components/ui/modal/stacked/overlay.tsx
index 7b403ce40..b0aae5b90 100644
--- a/apps/renderer/src/components/ui/modal/stacked/overlay.tsx
+++ b/apps/renderer/src/components/ui/modal/stacked/overlay.tsx
@@ -24,7 +24,7 @@ export const ModalOverlay = forwardRef(
         ref={ref}
         id="modal-overlay"
         className={cn(
-          "pointer-events-none fixed inset-0 z-[11] rounded-[var(--fo-window-radius)] bg-zinc-50/80 dark:bg-neutral-900/80",
+          "fixed inset-0 z-[11] rounded-[var(--fo-window-radius)] bg-zinc-50/80 dark:bg-neutral-900/80",
           blur && "backdrop-blur-sm",
           className,
         )}
@@ -32,6 +32,7 @@ export const ModalOverlay = forwardRef(
         animate={{ opacity: 1 }}
         exit={{ opacity: 0 }}
         style={{ zIndex }}
+        onClick={(e) => e.stopPropagation()}
       />
     </RootPortal>
   ),