Hide modal and background before turbo cache

Fixes #203
excid3 · Mar 14, 2024 · 9aa07f2 · 9aa07f2
1 parent 0768c9e
commit 9aa07f2
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/modal.js b/src/modal.js
@@ -8,8 +8,12 @@ export default class extends Controller {
     restoreScroll: { type: Boolean, default: true }
   }
 
+  connect() {
+    document.addEventListener("turbo:before-cache", this.beforeCache.bind(this))
+  }
+
   disconnect() {
-    this.close()
+    document.removeEventListener("turbo:before-cache", this.beforeCache.bind(this))
   }
 
   open() {
@@ -78,4 +82,10 @@ export default class extends Controller {
     if (this.scrollPosition === undefined) return
     document.documentElement.scrollTop = this.scrollPosition
   }
+
+  beforeCache() {
+    this.close()
+    this.backgroundTarget.classList.add("hidden")
+    this.containerTarget.classList.add("hidden")
+  }
 }