gaurd CSSStyleSheet constructor

AdguardTeam · Jan 18, 2023 · 9191fc8 · 9191fc8
1 parent 65f1b08
commit 9191fc8
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/src/scriptlets/inject-css-in-shadow-dom.js b/src/scriptlets/inject-css-in-shadow-dom.js
@@ -46,20 +46,19 @@ export function injectCssInShadowDom(source, cssRule, hostSelector = '') {
     }
 
     const callback = (shadowRoot) => {
-        const stylesheet = new CSSStyleSheet();
         try {
-            stylesheet.insertRule(cssRule);
-        } catch {
-            logMessage(source, `Failed to parse the rule: ${cssRule}`);
-            return;
-        }
-
-        // attach stylesheet to shadow root so the whole subtree would be affected
-        if (shadowRoot.adoptedStyleSheets) {
-            // adoptedStyleSheets is not yet supported by Safari
+            // adoptedStyleSheets and CSSStyleSheet constructor are not yet supported by Safari
             // https://developer.mozilla.org/en-US/docs/Web/API/Document/adoptedStyleSheets
+            // https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/CSSStyleSheet
+            const stylesheet = new CSSStyleSheet();
+            try {
+                stylesheet.insertRule(cssRule);
+            } catch {
+                logMessage(source, `Failed to parse the rule: ${cssRule}`);
+                return;
+            }
             shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, stylesheet];
-        } else {
+        } catch {
             const styleTag = document.createElement('style');
             styleTag.innerText = cssRule;
             shadowRoot.appendChild(styleTag);