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;