fix: 修复子应用 html 上的属性会被丢失的问题(#908) (#909)

Co-authored-by: huazhilin <[email protected]>
Tencent · Nov 24, 2024 · e2cf327 · e2cf327
1 parent 9733864
commit e2cf327
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/wujie-core/src/shadow.ts b/packages/wujie-core/src/shadow.ts
@@ -177,8 +177,11 @@ function renderTemplateToHtml(iframeWindow: Window, template: string): HTMLHtmlE
   const sandbox = iframeWindow.__WUJIE;
   const { head, body, alive, execFlag } = sandbox;
   const document = iframeWindow.document;
-  let html = document.createElement("html");
-  html.innerHTML = template;
+  const parser = new DOMParser();
+  const parsedDocument = parser.parseFromString(template, "text/html");
+
+  // 无论 template 是否包含html，documentElement 必然是 HTMLHtmlElement
+  let html = parsedDocument.documentElement as HTMLHtmlElement;
   // 组件多次渲染，head和body必须一直使用同一个来应对被缓存的场景
   if (!alive && execFlag) {
     html = replaceHeadAndBody(html, head, body);