Merge pull request #203 from pebblecode/feature/hide-show-results

Feature/hide show results

Author: fmoo

src/typeahead/index.js

@@ -102,6 +102,9 @@ var Typeahead = React.createClass({
       // Keep track of the focus state of the input element, to determine
       // whether to show options when empty (if showOptionsWhenEmpty is true)
       isFocused: false,
+
+      // true when focused, false onOptionSelected
+      showResults: false
     };
   },
 
@@ -197,7 +200,8 @@ var Typeahead = React.createClass({
     nEntry.value = optionString;
     this.setState({searchResults: this.getOptionsForValue(optionString, this.props.options),
                    selection: formInputOptionString,
-                   entryValue: optionString});
+                   entryValue: optionString,
+                   showResults: false});
     return this.props.onOptionSelected(option, event);
   },
 
@@ -336,13 +340,13 @@ var Typeahead = React.createClass({
           onFocus={this._onFocus}
           onBlur={this._onBlur}
         />
-        { this._renderIncrementalSearchResults() }
+        { this.state.showResults && this._renderIncrementalSearchResults() }
       </div>
     );
   },
 
   _onFocus: function(event) {
-    this.setState({isFocused: true}, function () {
+    this.setState({isFocused: true, showResults: true}, function () {
       this._onTextEntryUpdated();
     }.bind(this));
     if ( this.props.onFocus ) {