Fix if adoptedStyleSheets is not available

karrot-dev · Dec 13, 2023 · 5988c29 · 5988c29
1 parent b30fca1
commit 5988c29
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/utils/components/SvgFilters.vue b/src/utils/components/SvgFilters.vue
@@ -48,9 +48,12 @@ import { raggedEdgeVariations } from '@/utils/svgUtils'
 
 const variants = Array.from({ length: raggedEdgeVariations }, (_, i) => i + 1)
 
-const styleSheet = new CSSStyleSheet()
-for (const variant of variants) {
- styleSheet.insertRule(`.ragged-edges-${variant} { filter: url(#ragged-edges-${variant})}`)
+if (document.adoptedStyleSheets) {
+ // If adoptedStyleSheets is not supported it won't be enabled
+ const styleSheet = new CSSStyleSheet()
+ for (const variant of variants) {
+ styleSheet.insertRule(`.ragged-edges-${variant} { filter: url(#ragged-edges-${variant})}`)
+ }
+ document.adoptedStyleSheets.push(styleSheet)
 }
-document.adoptedStyleSheets.push(styleSheet)
 </script>