Use local transitions in modal to avoid issues with component unmounting when navigating away

5 years ago · 8aaeac764b
1 changed files with 2 additions and 2 deletions
--- a/packages/bbui/src/Modal/Modal.svelte
+++ b/packages/bbui/src/Modal/Modal.svelte
@ -49,7 +49,7 @@
  <Portal target=".modal-container">
    <div
      class="spectrum-Underlay is-open"
-      transition:fade={{ duration: 200 }}
+      transition:fade|local={{ duration: 200 }}
      on:mousedown|self={hide}
    >
      <div class="modal-wrapper" on:mousedown|self={hide}>
@ -57,7 +57,7 @@
          <div
            use:focusFirstInput
            class="spectrum-Modal is-open"
-            transition:fly={{ y: 30, duration: 200 }}
+            transition:fly|local={{ y: 30, duration: 200 }}
          >
            <slot />
          </div>