From c9de37bdf28775cc84c9880e701dcd1203e365ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 16 Jul 2018 22:55:14 +0200
Subject: [PATCH] fix(ui): only call focus on form clicks, avoid focus on
 filter badge clicks

---
 ui/src/Components/NavBar/FilterInput/index.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/NavBar/FilterInput/index.js b/ui/src/Components/NavBar/FilterInput/index.js
index 80ed9da6e..1034915b4 100644
--- a/ui/src/Components/NavBar/FilterInput/index.js
+++ b/ui/src/Components/NavBar/FilterInput/index.js
@@ -92,6 +92,12 @@ const FilterInput = observer(
       this.props.alertStore.filters.addFilter(suggestion);
     });
 
+    onInputClick = (inputReference, event) => {
+      if (event.target.className.split(" ").includes("form-control")) {
+        inputReference.input.focus();
+      }
+    };
+
     renderSuggestion = (suggestion, { query, isHighlighted }) => {
       return <Highlight search={query}>{suggestion}</Highlight>;
     };
@@ -108,8 +114,8 @@ const FilterInput = observer(
           </div>
           <div
             className="form-control p-1 components-filterinput"
-            onClick={() => {
-              inputReference.input.focus();
+            onClick={event => {
+              this.onInputClick(inputReference, event);
             }}
           >
             {alertStore.filters.values.map(filter => (