Eager load lazy frames inside dialogs on hover

2025-11-18 21:31:50 +01:00
parent 3faef80cae
commit 66d397fa80
5 changed files with 12 additions and 6 deletions
@@ -25,7 +25,7 @@ export default class extends Controller {

    limitHeightToViewport(this.dialogTarget, this.sizingValue)

-    this.#loadLazyFrames()
+    this.loadLazyFrames()
    this.dialogTarget.setAttribute("aria-hidden", "false")
    this.dispatch("show")
  }
@@ -58,7 +58,7 @@ export default class extends Controller {
    }
  }

-  #loadLazyFrames() {
+  loadLazyFrames() {
    Array.from(this.dialogTarget.querySelectorAll("turbo-frame")).forEach(frame => { frame.loading = "eager" })
  }
 }