remove backdrop-filter only if unsupported

2025-07-03 01:55:43 +03:00 · 2025-07-03 01:55:43 +03:00 · 7bc5dd440b
commit 7bc5dd440b
parent a635f025be
2 changed files with 6 additions and 2 deletions
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@ -19,9 +19,12 @@ export const createStyleSheet = (id) => {
      this.rules = []
    },
    addRule (rule) {
+      let newRule = rule
+      if (!CSS.supports?.('backdrop-filter', 'blur()')) {
+          newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+      }
      this.rules.push(
-        rule
-          .replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+        newRule
          .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references
      )
    }