Skip to content

Commit beddf07

Browse files
committed
Make modal close if user clicks outside of it
1 parent 3c07b34 commit beddf07

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

src/components/Modal.svelte

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,10 +80,14 @@
8080
}
8181
</style>
8282

83-
<aside transition:fade class="bn-onboard-custom bn-onboard-modal">
83+
<aside
84+
transition:fade
85+
class="bn-onboard-custom bn-onboard-modal"
86+
on:click={closeModal}>
8487
<section
8588
class:bn-onboard-dark-mode={$app.darkMode}
86-
class="bn-onboard-custom bn-onboard-modal-content">
89+
class="bn-onboard-custom bn-onboard-modal-content"
90+
on:click={e => e.stopPropagation()}>
8791
<slot />
8892
{#if closeable}
8993
<div

0 commit comments

Comments
 (0)