Fix: Firefox requires class to apply scoping to shadow root

stephenhutchings · Mar 16, 2023 · 2cf5e92 · 2cf5e92
1 parent 7512851
commit 2cf5e92
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/css/shown.css b/src/css/shown.css
@@ -1,5 +1,6 @@
 .shown svg,
-.shown .symbol {
+.shown .symbol,
+.shown.symbol {
   overflow: visible;
 }
 
@@ -134,7 +135,7 @@
   font-size: 10px;
 }
 
-.shown .symbol .touch {
+.shown .touch {
   fill: transparent !important;
   stroke: none !important;
 }

diff --git a/src/templates/symbol.js b/src/templates/symbol.js
@@ -40,7 +40,7 @@ const symbol = (type) => {
   }
 
   return $.symbol({
-    class: "symbol",
+    class: "symbol shown",
     id: `symbol-${type}`,
     viewBox: "0 0 100 100",
   })([