browser detection b/c only Safari cannot vector-effect #64

fhstp · Dec 14, 2021 · e180c5e · e180c5e
1 parent e9920ee
commit e180c5e
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/NetworkMap.vue b/src/components/NetworkMap.vue
@@ -130,7 +130,7 @@
           @click="clickAlter(mark.d)"
         />
         <text
-          v-if="alteriNames"
+          v-if="alteriNames && useTextBG"
           class="textbg"
           vector-effect="non-scaling-stroke"
           :x="mark.x"
@@ -348,6 +348,14 @@ export default defineComponent({
       connections: computed(() => store.state.view.connections),
       Sectors,
       SYMBOL_DECEASED,
+      // TODO browser detection b/c vector-effect seems not to work in Safari only as of 14 Dec 2021
+      useTextBG: computed(
+        () =>
+          !(
+            /Safari/.test(navigator.userAgent) &&
+            /Apple Computer/.test(navigator.vendor)
+          )
+      ),
     };
   },
 });