see pr: niklasvh#2961

Squashed commit of the following: commit 41fb73e Author: Frank Cheung <frank.cheung.work@outlook.com> Date: Sun Sep 25 13:13:31 2022 +0800 fix: add <base> to fix relative error in iframe
artificialonlinesao · Feb 9, 2024 · bb75a57 · bb75a57
1 parent 6248c5a
commit bb75a57
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/dom/document-cloner.ts b/src/dom/document-cloner.ts
@@ -129,11 +129,17 @@ export class DocumentCloner {
             return iframe;
         });
 
+        const adoptedNode = documentClone.adoptNode(this.documentElement);
+        /**
+         * The baseURI of the document will be lost after documentClone.open().
+         * We can avoid it by adding <base> element.
+         * */
+        addBase(adoptedNode, documentClone);
         documentClone.open();
         documentClone.write(`${serializeDoctype(document.doctype)}<html></html>`);
         // Chrome scrolls the parent document for some reason after the write to the cloned window???
         restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
-        documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
+        documentClone.replaceChild(adoptedNode, documentClone.documentElement);
         documentClone.close();
 
         return iframeLoad;
@@ -654,3 +660,10 @@ const createStyles = (body: HTMLElement, styles: string) => {
         body.appendChild(style);
     }
 };
+
+const addBase = (targetELement: HTMLElement, referenceDocument: Document) => {
+    const baseNode = referenceDocument.createElement('base');
+    baseNode.href = referenceDocument.baseURI;
+    const headEle = targetELement.getElementsByTagName('head').item(0);
+    headEle?.insertBefore(baseNode, headEle?.firstChild ?? null);
+};