Copy adoptedStyleSheets async.

iTwin · Sep 3, 2024 · 0a54160 · 0a54160
1 parent 1fcb402
commit 0a54160
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/ui/appui-react/src/appui-react/childwindow/CopyStyles.ts b/ui/appui-react/src/appui-react/childwindow/CopyStyles.ts
@@ -40,10 +40,9 @@ export async function copyStyles(
     // Adopted stylesheet have no ownerNode and can't be shared between multiple documents.
     if (!targetDoc.defaultView) return;
     const newStyleSheet = new targetDoc.defaultView.CSSStyleSheet();
-    Array.from(styleSheet.cssRules).forEach((rule, index) => {
-      // `cssText` might not serialize complex shorthand properties correctly: https://github.com/iTwin/appui/issues/893
-      newStyleSheet.insertRule(rule.cssText, index);
-    });
+    promises.push(
+      newStyleSheet.replace(stringifyStyleSheet(styleSheet)).then(() => {})
+    );
     targetDoc.adoptedStyleSheets.push(newStyleSheet);
   });
 
@@ -55,3 +54,9 @@ export async function copyStyles(
 
   return Promise.all(promises);
 }
+
+function stringifyStyleSheet(stylesheet: CSSStyleSheet) {
+  return Array.from(stylesheet.cssRules)
+    .map((rule) => rule.cssText)
+    .join("\n");
+}