fix: update resizeobserver

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);
+		}
+
+
+	});
+
 }
 
 /**

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() {

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);
+		}
+
+
+	});
+
+
 }
 
 /**

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() {

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);
+		}
+
+
+	});
+
 }
 
 /**

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() {