fix: missing transition when closing

1 files changed, 5 insertions, 3 deletions

diff --git a/src/shadow.js b/src/shadow.js
index 5435532..fd3c2f3 100644
--- a/src/shadow.js
+++ b/src/shadow.js
@@ -101,10 +101,12 @@ export default class Shadow {
     this.isOpen = false;
     this.element.classList.remove('open');
 
-    this.original.style.visibility = 'visible';
-
     Animation.resetTransformMatrix(this.element);
-    setTimeout(() => this.destroyItself(), 300);
+    // Wait for animation to complete before showing original and destroying shadow
+    setTimeout(() => {
+      this.original.style.visibility = 'visible';
+      this.destroyItself();
+    }, config.transitionDuration);
   }
 
   placeItself() {