Fixed SuggestionLists to properly hide when the textbox loses focus

1 files changed, 6 insertions, 3 deletions

diff --git a/web/react/components/suggestion_box.jsx b/web/react/components/suggestion_box.jsx
index 5510ba340..3fff5b754 100644
--- a/web/react/components/suggestion_box.jsx
+++ b/web/react/components/suggestion_box.jsx
@@ -147,8 +147,6 @@ export default class SuggestionBox extends React.Component {
     }
 
     render() {
-        const SuggestionList = this.props.listComponent;
-
         const newProps = Object.assign({}, this.props, {
             onFocus: this.handleFocus,
             onChange: this.handleChange,
@@ -173,10 +171,15 @@ export default class SuggestionBox extends React.Component {
             );
         }
 
+        const SuggestionListComponent = this.props.listComponent;
+
         return (
             <div>
                 {textbox}
-                <SuggestionList suggestionId={this.suggestionId} />
+                <SuggestionListComponent
+                    suggestionId={this.suggestionId}
+                    show={this.state.focused}
+                />
             </div>
         );
     }