From 8f99b28b087bfeb6bc4af6c3a9cba22b31560a60 Mon Sep 17 00:00:00 2001
From: tommy-carlos williams <tommy@devgeeks.org>
Date: Thu, 12 Jan 2017 14:34:17 +1100
Subject: [PATCH] Temporary blur fix for #455

Added a click listener for document to blur the combo box input when you
click outside it
---
 src/containers/ConnectTab/ConnectTab.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/containers/ConnectTab/ConnectTab.js b/src/containers/ConnectTab/ConnectTab.js
index cf6036362..ee3255949 100644
--- a/src/containers/ConnectTab/ConnectTab.js
+++ b/src/containers/ConnectTab/ConnectTab.js
@@ -23,6 +23,19 @@ class ConnectTab extends Component {
       const addr = loaded.address;
       this.setState({ url: addr });
     });
+    // Bind click outside the ComboBox input to blur the input
+    // @TODO Remove after fixing https://github.com/moroshko/react-autosuggest/issues/286
+    document.addEventListener('click', this.blurComboBox, false);
+  }
+
+  blurComboBox(e) { // eslint-disable-line class-methods-use-this
+    if (e.target.tagName === 'INPUT') return;
+    const input = document.querySelector('.topcoat-combobox__select');
+    input && input.blur();
+  }
+
+  componentDidUnmount() {
+    document.removeEventListener('click', this.blurComboBox, false);
   }
 
   handleButtonClick(button) {