@schukai/monster 4.43.7 → 4.43.8

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.43.8] - 2025-10-12
+
+### Bug Fixes
+
+- new position strategy [#336](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/336)
+
+
+
 ## [4.43.7] - 2025-10-11
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.43.7"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.43.8"}

package/source/components/navigation/site-navigation.mjs

@@ -156,6 +156,18 @@ function initEventHandler() {
 
   if (!hamburgerButton || !hamburgerNav || !hamburgerCloseButton) return;
 
+  const getBestPositionStrategy = (element) => {
+    let parent = element.parentElement;
+    while (parent) {
+      const parentPosition = window.getComputedStyle(parent).position;
+      if (["fixed", "sticky"].includes(parentPosition)) {
+        return "fixed";
+      }
+      parent = parent.parentElement;
+    }
+    return "absolute";
+  };
+
   const handleOutsideClick = (event) => {
     if (
       !hamburgerButton.contains(event.target) &&
@@ -200,10 +212,12 @@ function initEventHandler() {
     });
 
     cleanup = autoUpdate(hamburgerButton, hamburgerNav, () => {
-      // Desktop view where the hamburger menu is a dropdown
       if (window.innerWidth > 768) {
+        const strategy = getBestPositionStrategy(this);
+
         computePosition(hamburgerButton, hamburgerNav, {
           placement: "bottom-end",
+          strategy: strategy,
           middleware: [
             offset(8),
             flip(),