More checking to see if we can use shadowDom as expected

online-go · Sep 5, 2024 · 8e81093 · 8e81093
1 parent 597646a
commit 8e81093
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/engine/package.json b/engine/package.json
@@ -1,6 +1,6 @@
 {
     "name": "goban-engine",
-    "version": "8.3.48",
+    "version": "8.3.49",
     "description": "",
     "main": "build/goban-engine.js",
     "types": "build/engine/index.d.ts",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "goban",
-    "version": "8.3.48",
+    "version": "8.3.49",
     "description": "",
     "main": "build/goban.js",
     "types": "build/src/index.d.ts",

diff --git a/src/Goban/SVGRenderer.ts b/src/Goban/SVGRenderer.ts
@@ -53,7 +53,18 @@ declare let ResizeObserver: any;
 
 const USE_CELL_RENDERER = true;
 // Shadow dom provided a bit of a performance boost, but older browsers don't support it yet.
-const USE_SHADOW_DOM = document.body.attachShadow !== undefined && CSSStyleSheet !== undefined;
+function canConstructStyleSheet() {
+    try {
+        new CSSStyleSheet();
+        return true;
+    } catch (e) {}
+
+    return false;
+}
+const USE_SHADOW_DOM =
+    document.body.attachShadow !== undefined &&
+    CSSStyleSheet !== undefined &&
+    canConstructStyleSheet();
 
 export interface SVGRendererGobanConfig extends GobanConfig {
     board_div?: HTMLElement;