From 2596ba9b47075088d643890c78e34b94c12fcfcd Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Tue, 8 Jul 2025 22:30:15 +0800
Subject: [PATCH] fix: close client selete drawer when clicking outside

---
 src/components/ClientSelect/index.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/ClientSelect/index.tsx b/src/components/ClientSelect/index.tsx
index 697dcd54..48ca4164 100644
--- a/src/components/ClientSelect/index.tsx
+++ b/src/components/ClientSelect/index.tsx
@@ -1,6 +1,6 @@
 import { Button, ButtonProps } from '@/components/ui/button'
 import { Dialog, DialogContent, DialogTrigger } from '@/components/ui/dialog'
-import { Drawer, DrawerContent, DrawerTrigger } from '@/components/ui/drawer'
+import { Drawer, DrawerContent, DrawerOverlay, DrawerTrigger } from '@/components/ui/drawer'
 import { Separator } from '@/components/ui/separator'
 import { ExtendedKind } from '@/constants'
 import { getReplaceableEventIdentifier, getSharableEventId } from '@/lib/event'
@@ -168,7 +168,13 @@ export default function ClientSelect({
               <ExternalLink /> {t('Open in another client')}
             </Button>
           </DrawerTrigger>
-          <DrawerContent>{content}</DrawerContent>
+          <DrawerOverlay
+            onClick={(e) => {
+              e.stopPropagation()
+              setOpen(false)
+            }}
+          />
+          <DrawerContent hideOverlay>{content}</DrawerContent>
         </Drawer>
       </div>
     )