From 5dacf776270d3a9620d5eb14f0a5409d6fb16e7e Mon Sep 17 00:00:00 2001
From: Luvian77 <42262072+Luvian77@users.noreply.github.com>
Date: Mon, 22 Apr 2024 19:53:20 +0800
Subject: [PATCH] fix: Added prevention of click event propagation for overlay
 layer (#3666)

Co-authored-by: crazywoola <427733928@qq.com>
---
 web/app/components/base/modal/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/modal/index.tsx b/web/app/components/base/modal/index.tsx
index b228fed6fc..403cb319ba 100644
--- a/web/app/components/base/modal/index.tsx
+++ b/web/app/components/base/modal/index.tsx
@@ -41,7 +41,13 @@ export default function Modal({
           <div className="fixed inset-0 bg-black bg-opacity-25" />
         </Transition.Child>
 
-        <div className="fixed inset-0 overflow-y-auto">
+        <div
+          className="fixed inset-0 overflow-y-auto"
+          onClick={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+          }}
+        >
           <div className="flex min-h-full items-center justify-center p-4 text-center">
             <Transition.Child
               as={Fragment}