fix mouse focus issue with optionIndexes

Author: Jake Teton-Landis

lib/combobox.js

@@ -115,7 +115,8 @@ module.exports = React.createClass({
       props.onClick = this.selectOption.bind(this, child);
       props.onFocus = this.handleOptionFocus;
       props.onKeyDown = this.handleOptionKeyDown.bind(this, child);
-      props.onMouseEnter = this.handleOptionMouseEnter.bind(this, index);
+      props.onMouseEnter = this.handleOptionMouseEnter.bind(
+        this, optionIndexes.length - 1);
     }.bind(this));
     return {
       optionIndexes: optionIndexes,
@@ -170,6 +171,7 @@ module.exports = React.createClass({
 
   handleOptionFocus: function() {
     // see `handleOptionBlur`
+    console.log('handleOptionFocus');
     clearTimeout(this.blurTimer);
   },
 
@@ -347,6 +349,8 @@ module.exports = React.createClass({
     return inputValue || value;
   },
 
+  // index is the index of the option among the list of only options,
+  // NOT among all elements in the DOM
   focusOptionAtIndex: function(index) {
     if (!this.state.isOpen && this.state.value)
       return this.focusSelectedOption();