fix(shadow): 修复DOMParser渲染html元素丢失沙箱上下文的问题 #921 (#928)

Co-authored-by: gadzanmai <[email protected]>
Tencent · Dec 8, 2024 · a6ea729 · a6ea729
1 parent be705d6
commit a6ea729
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/wujie-core/src/shadow.ts b/packages/wujie-core/src/shadow.ts
@@ -181,7 +181,13 @@ function renderTemplateToHtml(iframeWindow: Window, template: string): HTMLHtmlE
   const parsedDocument = parser.parseFromString(template, "text/html");
 
   // 无论 template 是否包含html，documentElement 必然是 HTMLHtmlElement
-  let html = parsedDocument.documentElement as HTMLHtmlElement;
+  const parsedHtml = parsedDocument.documentElement as HTMLHtmlElement;
+  const sourceAttributes = parsedHtml.attributes;
+  let html = document.createElement("html");
+  html.innerHTML = template;
+  for (let i = 0; i < sourceAttributes.length; i++) {
+    html.setAttribute(sourceAttributes[i].name, sourceAttributes[i].value);
+  }
   // 组件多次渲染，head和body必须一直使用同一个来应对被缓存的场景
   if (!alive && execFlag) {
     html = replaceHeadAndBody(html, head, body);