viewer: removing a tag from the filters opens the keyboard on mobile

Changed the anchor event to trigger on capture instead of bubbling. This fixes a race-condition on some browsers.

1 files changed, 1 insertions, 2 deletions

diff --git a/viewer/src/components/LdTagInput.vue b/viewer/src/components/LdTagInput.vue
index 34d96bd..ad0845e 100644
--- a/viewer/src/components/LdTagInput.vue
+++ b/viewer/src/components/LdTagInput.vue
@@ -63,8 +63,7 @@ export default class LdTagInput extends Vue {
   // Prevents the keyboard from opening on mobile when removing a tag
   onClick(e: MouseEvent) {
     const target = e.target;
-    if (target instanceof HTMLAnchorElement)
-      target.addEventListener("click", e => e.stopPropagation());
+    if (target instanceof HTMLAnchorElement) target.addEventListener("click", e => e.stopPropagation(), true);
   }
 }
 </script>