From fa79c358c09cb52ed142ef122e08b77de880685d Mon Sep 17 00:00:00 2001
From: Flo <33422716+floriangantner@users.noreply.github.com>
Date: Tue, 17 Oct 2023 21:17:28 +0200
Subject: [PATCH] Check cssRules before css variables are read from stylesheet
 (#2454)

Check cssRules existence before css variables are get from stylesheet
---
 src/app/shared/sass-helper/css-variable.service.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/app/shared/sass-helper/css-variable.service.ts b/src/app/shared/sass-helper/css-variable.service.ts
index 0190a05036f..ca6384e0ee5 100644
--- a/src/app/shared/sass-helper/css-variable.service.ts
+++ b/src/app/shared/sass-helper/css-variable.service.ts
@@ -26,6 +26,15 @@ export class CSSVariableService {
     return styleSheet.href.indexOf(window.location.origin) === 0;
   };
 
+  /**
+   * Checks whether the specific stylesheet object has the property cssRules
+   * @param styleSheet The stylesheet
+   */
+  hasCssRules = (styleSheet) => {
+    // Injected styles might have no css rules value
+    return styleSheet.hasOwnProperty('cssRules') && styleSheet.cssRules;
+  };
+
   /*
    Determine if the given rule is a CSSStyleRule
    See: https://developer.mozilla.org/en-US/docs/Web/API/CSSRule#Type_constants
@@ -93,8 +102,10 @@ export class CSSVariableService {
     if (isNotEmpty(document.styleSheets)) {
       // styleSheets is array-like, so we convert it to an array.
       // Filter out any stylesheets not on this domain
+      // Filter out any stylesheets that have no cssRules property
       return [...document.styleSheets]
         .filter(this.isSameDomain)
+        .filter(this.hasCssRules)
         .reduce(
           (finalArr, sheet) =>
             finalArr.concat(