insertRule fallback on global styles too

dburles · May 13, 2020 · 0dea14b · 0dea14b
1 parent 5176cd9
commit 0dea14b
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/lib/css/createCache.js b/src/lib/css/createCache.js
@@ -107,13 +107,22 @@ const createCache = () => {
     if (canCommit(hash)) {
       transformedCSSArray.forEach((transformedCSS) => {
         const rule = transformedCSSToClass(transformedCSS);
+
+        const insertTextNode = () => {
+          element.appendChild(document.createTextNode(rule));
+        };
+
         if (isServer) {
           serverStyles += rule;
         } else {
           if (isDevelopment) {
-            element.appendChild(document.createTextNode(rule));
+            insertTextNode();
           } else {
-            element.sheet.insertRule(rule, element.sheet.cssRules.length);
+            try {
+              element.sheet.insertRule(rule, element.sheet.cssRules.length);
+            } catch (error) {
+              insertTextNode();
+            }
           }
         }
       });