@schukai/monster 4.136.25 → 4.136.26

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.6"},"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.136.25"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.6"},"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.136.26"}

package/source/components/form/button-bar.mjs

@@ -359,6 +359,25 @@ function isElementTrulyVisible(element) {
 	);
 }
 
+/**
+ * @private
+ * @param {HTMLElement} element
+ * @return {boolean}
+ */
+function isElementSelfHidden(element) {
+	if (!(element instanceof HTMLElement)) {
+		return true;
+	}
+
+	const computedStyle = getComputedStyle(element);
+	return (
+		element.hidden === true ||
+		element.hasAttribute("hidden") ||
+		computedStyle.display === "none" ||
+		computedStyle.visibility === "hidden"
+	);
+}
+
 /**
  * @private
  */
@@ -372,8 +391,10 @@ function initEventHandler() {
 				const target = mutation.target;
 				if (target instanceof HTMLElement) {
 					const ref = target.getAttribute("data-monster-reference");
-					if (ref && !isElementTrulyVisible(target)) {
-						self[dimensionsSymbol].setVia(`data.button.${ref}`, 0);
+					if (ref) {
+						if (!isElementTrulyVisible(target)) {
+							self[dimensionsSymbol].setVia(`data.button.${ref}`, 0);
+						}
 						needsRecalc = true;
 					}
 				}
@@ -596,12 +617,10 @@ function rearrangeButtons() {
 			// In this case, we assume the width is 0.
 			// This can happen for buttons that have never been visible.
 		}
-		const style = getComputedStyle(element);
-
 		buttonEntries.push({
 			element,
 			width: buttonWidth,
-			hidden: style.display === "none",
+			hidden: isElementSelfHidden(element),
 		});
 	}
 
@@ -617,11 +636,7 @@ function rearrangeButtons() {
 
 		for (const entry of buttonEntries) {
 			if (entry.hidden) {
-				if (entry.width > 0) {
-					buttonsToMoveToPopper.push(entry.element);
-				} else {
-					visibleButtonsInMainSlot.push(entry.element);
-				}
+				visibleButtonsInMainSlot.push(entry.element);
 				continue;
 			}
 
@@ -826,7 +841,7 @@ function updateResizeObserverObservation() {
 		if (this[mutationObserverSymbol]) {
 			this[mutationObserverSymbol].observe(node, {
 				attributes: true,
-				attributeFilter: ["style", "class"],
+				attributeFilter: ["style", "class", "hidden"],
 			});
 		}
 	});