Merge pull request #21 from CNSeniorious000/main

fix(ui): manually implement close-on-outside-click feature for modals
anse-app · May 10, 2023 · fb53af2 · fb53af2
2 parents d83c17c + 115094d
commit fb53af2
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/ui/Modal.tsx b/src/components/ui/Modal.tsx
@@ -41,7 +41,7 @@ export default (props: Props) => {
       <Show when={api().isOpen}>
         <div class="fixed inset-0 z-20 fcc">
           <Portal>
-            <div {...api().backdropProps} class="fixed inset-0 bg-base opacity-60" />
+            <div {...api().backdropProps} class="fixed inset-0 bg-base opacity-60 pointer-events-auto" onclick={() => api().close()} />
           </Portal>
           <div {...api().containerProps}>
             <div {...api().contentProps} class={`bg-base-100 transition-transform ease-out max-w-screen max-h-screen overflow-auto border-base shadow-lg ${containerBaseClass}`}>