fix(export-element): preserve node sizing

iamogbz · Dec 22, 2024 · a94fed5 · a94fed5
1 parent afa2442
commit a94fed5
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/scripts/export-element/index.user.ts b/scripts/export-element/index.user.ts
@@ -213,18 +213,27 @@ import { html2canvas } from "libraries/html2canvas";
   async function cloneAndDownloadImage(node: Node) {
     const clone = cloneNodeWithStyles(window, node);
     const backgroundColor = findBackgroundColor(node);
+    const nodeSize = (
+      findLastNodeWithPredicate(
+        node,
+        (element) => element instanceof Element,
+      ) as Element
+    )?.getBoundingClientRect() ?? {
+      height: "fit-content",
+      width: "fit-content",
+    };
 
     const modalContent = document.createElement("a");
     modalContent.style.backgroundColor = backgroundColor;
     modalContent.style.cursor = "pointer";
     modalContent.style.display = "block";
-    modalContent.style.height = "fit-content";
+    modalContent.style.height = nodeSize.height.toString();
     modalContent.style.padding = "min(1vh, 1vw)";
     modalContent.style.position = "relative";
     modalContent.style.textDecoration = "none";
     modalContent.style.top = "1vh";
     modalContent.style.userSelect = "none";
-    modalContent.style.width = "fit-content";
+    modalContent.style.width = nodeSize.width.toString();
 
     const modalWrapper = document.createElement("div");
     modalWrapper.style.alignItems = "start";