diff --git a/packages/components/src/accordion/index.ts b/packages/components/src/accordion/index.ts index 9a2775c..348e7a7 100644 --- a/packages/components/src/accordion/index.ts +++ b/packages/components/src/accordion/index.ts @@ -38,7 +38,7 @@ function toggleAccordion(item: HTMLElement, state: AccordionState) { } } -window.onload = () => { +document.addEventListener("DOMContentLoaded", () => { qsa(".msp-accordion-item").forEach((item) => { qs(".msp-accordion-header", item)?.addEventListener("click", (e) => { e.preventDefault(); @@ -50,4 +50,4 @@ window.onload = () => { ); }); }); -}; +}); diff --git a/packages/components/src/offcanvas/index.ts b/packages/components/src/offcanvas/index.ts index 2f66aea..e9461db 100644 --- a/packages/components/src/offcanvas/index.ts +++ b/packages/components/src/offcanvas/index.ts @@ -1,6 +1,6 @@ import { qs, qsa } from "../utils"; -window.onload = () => { +document.addEventListener("DOMContentLoaded", () => { qsa(".msp-offcanvas-toggle").forEach((item) => { item.addEventListener("click", () => { const target = item.dataset.mspTarget; @@ -18,4 +18,4 @@ window.onload = () => { targetElement.classList.toggle("show"); }); }); -}; +}); diff --git a/packages/website/templates/base.html b/packages/website/templates/base.html index 727b328..27de743 100644 --- a/packages/website/templates/base.html +++ b/packages/website/templates/base.html @@ -16,7 +16,7 @@
{% include "partials/header.html" %}