Delay re-focus until all actions have been processed (#240)

This is a fix for when trying to select an item while the input was off-screen:
The focus was being reset immediately after it had been lost, causing the view-
port to scroll to the input field before the item's onClick handler had been
processed. This was a problem because if the cursor moved as much as one pixel
in the meantime it would change the highlightedIndex, causing a re-render
(because it would now likely be hovering over a different item) and aborting
the chain of actions (i.e. the item would not be selected).

Author: CMTegner

lib/Autocomplete.js

@@ -197,6 +197,10 @@ let Autocomplete = React.createClass({
     if (prevState.isOpen !== this.state.isOpen) {
       this.props.onMenuVisibilityChange(this.state.isOpen)
     }
+    // Capture the input's focus as long as the ignoreBlur flag is set
+    if (this._ignoreBlur) {
+      this.refs.input.focus()
+    }
   },
 
   exposeAPI(el) {
@@ -376,11 +380,13 @@ let Autocomplete = React.createClass({
 
   selectItemFromMouse(item) {
     const value = this.props.getItemValue(item)
-    this.setIgnoreBlur(false)
     this.setState({
       isOpen: false,
       highlightedIndex: null
     }, () => {
+      // Clear the ignoreBlur flag after the component has
+      // updated to release control over the input's focus
+      this.setIgnoreBlur(false)
       this.props.onSelect(value, item)
     })
   },
@@ -418,7 +424,6 @@ let Autocomplete = React.createClass({
 
   handleInputBlur(event) {
     if (this._ignoreBlur) {
-      this.refs.input.focus()
       return
     }
     this.setState({