feat(luna): implemented close dialog when clicking outside (#344)

litespace-org · Jan 29, 2025 · 66849eb · 66849eb
2 parents 7252001 + ecf71d9
commit 66849eb
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/luna/src/components/Dialog/Dialog.tsx b/packages/luna/src/components/Dialog/Dialog.tsx
@@ -37,7 +37,10 @@ export const Dialog: React.FC<{
     <Root open={open} onOpenChange={setOpen}>
       {trigger ? <Trigger>{trigger}</Trigger> : null}
       <Portal>
-        <Overlay className="tw-fixed tw-inset-0 tw-backdrop-blur-[15px] tw-bg-overlay-dialog tw-z-10" />
+        <Overlay
+          onClick={close}
+          className="tw-fixed tw-inset-0 tw-backdrop-blur-[15px] tw-bg-overlay-dialog tw-z-10"
+        />
         <Content
           aria-describedby={description}
           dir="rtl"