fix(app): enable dialog dismiss on model selector (dialog.tsx) (#10203)

ProdigyRahul · web-flow · commit e376e1de16ef · 2026-01-23T04:55:00.000-06:00
diff --git 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
@@ -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>

Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@ function init() {`
`53`	`53`	`}}`
`54`	`54`	`>`
`55`	`55`	`<Kobalte.Portal>`
`56`		`- <Kobalte.Overlay data-component="dialog-overlay" />`
	`56`	`+ <Kobalte.Overlay data-component="dialog-overlay" onClick={close} />`
`57`	`57`	`{element()}`
`58`	`58`	`</Kobalte.Portal>`
`59`	`59`	`</Kobalte>`