From 1aba71711c2c727a568d80220cfd6fded7fad20f Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Wed, 23 Apr 2025 15:48:19 +0800
Subject: [PATCH] fix: keep the web app access control dialog open when click
 outside the dialog content

---
 .../app/app-access-control/access-control-dialog.tsx      | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/app/components/app/app-access-control/access-control-dialog.tsx b/web/app/components/app/app-access-control/access-control-dialog.tsx
index 73cab9c622..f93973b9a6 100644
--- a/web/app/components/app/app-access-control/access-control-dialog.tsx
+++ b/web/app/components/app/app-access-control/access-control-dialog.tsx
@@ -17,10 +17,12 @@ const AccessControlDialog = ({
   show,
   onClose,
 }: DialogProps) => {
-  const close = useCallback(() => onClose?.(), [onClose])
+  const close = useCallback(() => {
+    onClose?.()
+  }, [onClose])
   return (
     <Transition appear show={show} as={Fragment}>
-      <Dialog as="div" open={true} className="relative z-20" onClose={close}>
+      <Dialog as="div" open={true} className="relative z-20" onClose={() => null}>
         <Transition.Child
           as={Fragment}
           enter="ease-out duration-300"
@@ -44,7 +46,7 @@ const AccessControlDialog = ({
             leaveTo="opacity-0 scale-95"
           >
             <Dialog.Panel className={cn('w-[600px] min-h-[323px] h-auto bg-components-panel-bg shadow-xl rounded-2xl transition-all transform relative p-0 overflow-y-auto', className)}>
-              <div onClick={close} className="absolute top-5 right-5 w-8 h-8 flex items-center justify-center cursor-pointer z-10">
+              <div onClick={() => close()} className="absolute top-5 right-5 w-8 h-8 flex items-center justify-center cursor-pointer z-10">
                 <RiCloseLine className='w-5 h-5' />
               </div>
               {children}