diff --git a/resources/dist/filament-sticky-header.js b/resources/dist/filament-sticky-header.js index bd6df59..f7da9ef 100644 --- a/resources/dist/filament-sticky-header.js +++ b/resources/dist/filament-sticky-header.js @@ -1 +1 @@ -(()=>{var e=document.querySelector(".filament-main-topbar");e&&window.addEventListener("load",function(){new IntersectionObserver(([t])=>{t.isIntersecting?(document.querySelector(".filament-header").removeAttribute("stuck"),document.querySelector(".filament-body").removeAttribute("stuck")):(document.querySelector(".filament-header").setAttribute("stuck","true"),document.querySelector(".filament-body").setAttribute("stuck","true"))},{root:null,rootMargin:`${e.offsetHeight*-1}px`,threshold:[0]}).observe(e)});})(); +(()=>{var e=document.querySelector(".filament-main-topbar"),t=document.querySelector(".filament-header"),r=document.querySelector(".filament-body");e&&t&&r&&window.addEventListener("load",function(){new IntersectionObserver(([o])=>{o.isIntersecting?(t.removeAttribute("stuck"),r.removeAttribute("stuck")):(t.setAttribute("stuck","true"),r.setAttribute("stuck","true"))},{root:null,rootMargin:`${e.offsetHeight*-1}px`,threshold:[0]}).observe(e)});})(); diff --git a/resources/js/plugin.js b/resources/js/plugin.js index 8bd3e36..3b473f3 100644 --- a/resources/js/plugin.js +++ b/resources/js/plugin.js @@ -1,24 +1,26 @@ -const el = document.querySelector(".filament-main-topbar"); +const filamentTopbar = document.querySelector(".filament-main-topbar"); +const filamentHeader = document.querySelector(".filament-header"); +const filamentBody = document.querySelector(".filament-body"); -if (el) { +if (filamentTopbar && filamentHeader && filamentBody) { window.addEventListener("load", function () { const observer = new IntersectionObserver( ([e]) => { if (e.isIntersecting) { - document.querySelector(".filament-header").removeAttribute("stuck"); - document.querySelector(".filament-body").removeAttribute("stuck"); + filamentHeader.removeAttribute("stuck"); + filamentBody.removeAttribute("stuck"); } else { - document.querySelector(".filament-header").setAttribute("stuck", "true"); - document.querySelector(".filament-body").setAttribute("stuck", "true"); + filamentHeader.setAttribute("stuck", "true"); + filamentBody.setAttribute("stuck", "true"); } }, { root: null, - rootMargin: `${el.offsetHeight * -1}px`, + rootMargin: `${filamentTopbar.offsetHeight * -1}px`, threshold: [0], } ); - observer.observe(el); + observer.observe(filamentTopbar); }); }