feat(sandbox): use cloneNode api instead of importNode for compatible (…

…#2791)
umijs · Nov 6, 2023 · d3e9872 · d3e9872
1 parent e1faf3b
commit d3e9872
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/big-cougars-draw.md b/.changeset/big-cougars-draw.md
@@ -0,0 +1,5 @@
+---
+"@qiankunjs/sandbox": patch
+---
+
+feat(sandbox): use cloneNode api instead of importNode for compatible
diff --git a/packages/sandbox/src/patchers/dynamicAppend/forStandardSandbox.ts b/packages/sandbox/src/patchers/dynamicAppend/forStandardSandbox.ts
@@ -372,7 +372,7 @@ export function patchStandardSandbox(
 
             // micro app rendering should wait unit the rebuilding link element is loaded, otherwise it may cause style blink
             // As one link element will just trigger loaded event once, although we append it multiple times, we need to clone it before every appending
-            const cloneStyleElement = document.importNode(stylesheetElement) as HTMLLinkElement;
+            const cloneStyleElement = stylesheetElement.cloneNode(true) as HTMLLinkElement;
             const deferred = new Deferred<boolean>();
             if (cloneStyleElement.rel === 'stylesheet' && cloneStyleElement.href) {
               cloneStyleElement.onload = () => deferred.resolve(true);