From e180c5ed5048a20e527b2d87599d61f99ff21c0f Mon Sep 17 00:00:00 2001
From: Alexander Rind <1217527+alex-rind@users.noreply.github.com>
Date: Tue, 14 Dec 2021 17:38:32 +0100
Subject: [PATCH] browser detection b/c only Safari cannot vector-effect #64

---
 src/components/NetworkMap.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/NetworkMap.vue b/src/components/NetworkMap.vue
index 50501de..0ff2d12 100644
--- 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)
+          )
+      ),
     };
   },
 });