Merge pull request #38 from awcodes/fix/spa-mode

Fix: reinitialize on wire:navigated
awcodes · Nov 26, 2024 · 65f9e5f · 65f9e5f
2 parents b5d1023 + d8cb4e2
commit 65f9e5f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/resources/dist/filament-sticky-header.js b/resources/dist/filament-sticky-header.js
diff --git a/resources/js/plugin.js b/resources/js/plugin.js
@@ -1,10 +1,18 @@
-const filamentTopbar = document.querySelector(".fi-topbar");
-const filamentMainContent = document.querySelector(".fi-main");
-const filamentHeader = document.querySelector(".fi-header");
+window.addEventListener("load", function () {
+    initializeStickyHeader();
+})
 
-if (filamentTopbar && filamentMainContent && filamentHeader) {
-    if (filamentData?.stickyHeaderActive) {
-        window.addEventListener("load", function () {
+document.addEventListener('livewire:navigated', () => {
+    initializeStickyHeader();
+})
+
+function initializeStickyHeader() {
+    const filamentTopbar = document.querySelector(".fi-topbar");
+    const filamentMainContent = document.querySelector(".fi-main");
+    const filamentHeader = document.querySelector(".fi-header");
+
+    if (filamentTopbar && filamentMainContent && filamentHeader) {
+        if (filamentData?.stickyHeaderActive) {
             const trigger = document.createElement("div");
             const theme = filamentData?.stickyHeaderTheme || 'default';
             trigger.classList.add("filament-sticky-trigger");
@@ -45,6 +53,6 @@ if (filamentTopbar && filamentMainContent && filamentHeader) {
             );
 
             observer.observe(trigger);
-        });
+        }
     }
 }