@schukai/monster 3.100.15 → 3.100.16

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [3.100.16] - 2025-01-20
+
+### Bug Fixes
+
+- update resizeobserver
+
+
+
 ## [3.100.15] - 2025-01-20
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.100.15"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.100.16"}

package/source/components/content/copy.mjs

@@ -267,7 +267,20 @@ function attachResizeObserver() {
 		});
 	});
 
-	this[resizeObserverSymbol].observe(this.parentElement);
+	requestAnimationFrame(() => {
+
+		let parent = this.parentNode;
+		while(!(parent instanceof HTMLElement) && parent !== null) {
+			parent = parent.parentNode;
+		}
+
+		if (parent instanceof HTMLElement) {
+			this[resizeObserverSymbol].observe(parent);
+		}
+
+
+	});
+
 }
 
 /**

package/source/components/datatable/filter/date-range.mjs

@@ -689,7 +689,18 @@ function attachResizeObserver() {
 		});
 	});
 
-	this[resizeObserverSymbol].observe(this.parentElement);
+	requestAnimationFrame(() => {
+
+		let parent = this.parentNode;
+		while(!(parent instanceof HTMLElement) && parent !== null) {
+			parent = parent.parentNode;
+		}
+
+		if (parent instanceof HTMLElement) {
+			this[resizeObserverSymbol].observe(parent);
+		}
+	});
+
 }
 
 function disconnectResizeObserver() {

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

@@ -567,8 +567,21 @@ function updateResizeObserverObservation() {
 		this[resizeObserverSymbol].observe(node);
 	});
 
-	if (this.parentElement === null) return;
-	this[resizeObserverSymbol].observe(this.parentElement);
+	requestAnimationFrame(() => {
+
+		let parent = this.parentNode;
+		while(!(parent instanceof HTMLElement) && parent !== null) {
+			parent = parent.parentNode;
+		}
+
+		if (parent instanceof HTMLElement) {
+			this[resizeObserverSymbol].observe(parent);
+		}
+
+
+	});
+
+
 }
 
 /**

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

@@ -345,7 +345,20 @@ function attachResizeObserver() {
 		});
 	});
 
-	this[resizeObserverSymbol].observe(this.parentElement);
+	requestAnimationFrame(() => {
+
+		let parent = this.parentNode;
+		while(!(parent instanceof HTMLElement) && parent !== null) {
+			parent = parent.parentNode;
+		}
+
+		if (parent instanceof HTMLElement) {
+			this[resizeObserverSymbol].observe(parent);
+		}
+
+
+	});
+
 }
 
 function disconnectResizeObserver() {

package/source/components/form/select.mjs

@@ -1097,7 +1097,20 @@ function attachResizeObserver() {
 		});
 	});
 
-	this[resizeObserverSymbol].observe(this.parentElement);
+	requestAnimationFrame(() => {
+
+		let parent = this.parentNode;
+		while(!(parent instanceof HTMLElement) && parent !== null) {
+			parent = parent.parentNode;
+		}
+
+		if (parent instanceof HTMLElement) {
+			this[resizeObserverSymbol].observe(parent);
+		}
+
+
+	});
+
 }
 
 /**

package/source/components/layout/popper.mjs

@@ -357,7 +357,20 @@ function attachResizeObserver() {
 		});
 	});
 
-	this[resizeObserverSymbol].observe(this.parentElement);
+	requestAnimationFrame(() => {
+
+		let parent = this.parentNode;
+		while(!(parent instanceof HTMLElement) && parent !== null) {
+			parent = parent.parentNode;
+		}
+
+		if (parent instanceof HTMLElement) {
+			this[resizeObserverSymbol].observe(parent);
+		}
+
+
+	});
+
 }
 
 function disconnectResizeObserver() {