From e376e1de16ef9b996f9d252e8f1765739baf7088 Mon Sep 17 00:00:00 2001
From: Rahul A Mistry <149420892+ProdigyRahul@users.noreply.github.com>
Date: Fri, 23 Jan 2026 16:25:00 +0530
Subject: [PATCH] fix(app): enable dialog dismiss on model selector
 (dialog.tsx) (#10203)

---
 packages/ui/src/components/dialog.css | 2 ++
 packages/ui/src/context/dialog.tsx    | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css
index c0d3372c8..a0e7e111f 100644
--- a/packages/ui/src/components/dialog.css
+++ b/packages/ui/src/components/dialog.css
@@ -20,6 +20,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  pointer-events: none;
 
   [data-slot="dialog-container"] {
     position: relative;
@@ -41,6 +42,7 @@
       max-height: 100%;
       min-height: 280px;
       overflow: auto;
+      pointer-events: auto;
 
       /* Hide scrollbar */
       scrollbar-width: none;
diff --git a/packages/ui/src/context/dialog.tsx b/packages/ui/src/context/dialog.tsx
index 8e770750a..d45fe6632 100644
--- a/packages/ui/src/context/dialog.tsx
+++ b/packages/ui/src/context/dialog.tsx
@@ -53,7 +53,7 @@ function init() {
             }}
           >
             <Kobalte.Portal>
-              <Kobalte.Overlay data-component="dialog-overlay" />
+              <Kobalte.Overlay data-component="dialog-overlay" onClick={close} />
               {element()}
             </Kobalte.Portal>
           </Kobalte>