Svg element bbox needs to be visible to be computed.

cnr-isti-vclab · Jul 23, 2024 · dc3992e · dc3992e
1 parent 9d879b8
commit dc3992e
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/Skin.js b/src/Skin.js
@@ -51,24 +51,24 @@ class Skin {
 	 */
 	static async appendIcon(container, icon) {
 		let element = null;
+		let box = null;
 		if (typeof icon == 'string') {
 			element = await Skin.getElement(icon);
 			icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
 			icon.appendChild(element);
-			container.appendChild(icon);
-			let box = element.getBBox();
+			document.body.appendChild(icon);
+			box = element.getBBox();
 			let tlist = element.transform.baseVal;
 			if (tlist.numberOfItems == 0)
 				tlist.appendItem(icon.createSVGTransform());
 			tlist.getItem(0).setTranslate(-box.x, -box.y);
-			icon.setAttribute('viewBox', `${-pad} ${-pad} ${box.width + 2 * pad} ${box.height + 2 * pad}`);
-			icon.setAttribute('preserveAspectRatio', 'xMidYMid meet');
 		} else {
-			container.appendChild(icon);
-			let box = icon.getBBox();
-			icon.setAttribute('viewBox', `${-pad} ${-pad} ${box.width + 2 * pad} ${box.height + 2 * pad}`);
-			icon.setAttribute('preserveAspectRatio', 'xMidYMid meet');
+			document.body.appendChild(icon);
+			box = icon.getBBox();
 		}
+		icon.setAttribute('viewBox', `${-pad} ${-pad} ${box.width + 2 * pad} ${box.height + 2 * pad}`);
+		icon.setAttribute('preserveAspectRatio', 'xMidYMid meet');
+		container.appendChild(icon);
 		return icon;
 	 }
 }