Make modals only close on a mousedown outside the modal rather than a click

6 years ago · ea5501fe98
1 changed files with 3 additions and 3 deletions
--- a/packages/bbui/src/Modal/Modal.svelte
+++ b/packages/bbui/src/Modal/Modal.svelte
@ -48,9 +48,9 @@
    <div
      class="spectrum-Underlay is-open"
      transition:fade={{ duration: 200 }}
-      on:click|self={hide}>
-      <div class="modal-wrapper" on:click|self={hide}>
-        <div class="modal-inner-wrapper" on:click|self={hide}>
+      on:mousedown|self={hide}>
+      <div class="modal-wrapper" on:mousedown|self={hide}>
+        <div class="modal-inner-wrapper" on:mousedown|self={hide}>
          <div
            use:focusFirstInput
            class="spectrum-Modal is-open"