SAK-50741 Webcomponents fix Chrome warning import rules are not allow…

…ed here (#13090)
sakaiproject · Dec 6, 2024 · 0ffe68c · 0ffe68c
1 parent bb4fcf7
commit 0ffe68c
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/webcomponents/tool/src/main/frontend/packages/sakai-element/src/global-styles.js b/webcomponents/tool/src/main/frontend/packages/sakai-element/src/global-styles.js
@@ -1,13 +1,16 @@
+import { css, unsafeCSS } from "lit";
+
 let globalSheets = null;
 
 export function getGlobalStyleSheets() {
   if (globalSheets === null) {
     globalSheets = Array.from(document.styleSheets)
       .map(x => {
-        const sheet = new CSSStyleSheet();
-        const css = Array.from(x.cssRules).map(rule => rule.cssText).join(" ");
-        sheet.replaceSync(css);
-        return sheet;
+        const cssText = Array.from(x.cssRules)
+          .filter(rule => rule.constructor.name !== "CSSImportRule")
+          .map(rule => rule.cssText)
+          .join(" ");
+        return css`${unsafeCSS(cssText)}`;
       });
   }