Auto-highlight only option

It would be handy to select the first value in the dropdown on pressing ENTER even if that value is not selected

  case _keyCode.RETURN:
    // Prevent submitting forms.
    e.preventDefault();

    if (this.state.showMenu) {
      var selected = options[activeIndex] || options[0];
      selected && this._handleAddOption(selected);
    }
    break;

[mvolkmann]

Thanks @daschi, that was very helpful! Here’s a similar implementation that doesn’t require jQuery.

  fixTypeahead() {
    const {container} = this;
    if (!container) return;

    const input = container.querySelector('input');
    if (input.onkeydown) return; // don't need to set this up again

    input.onkeydown = event => {
      if (event.keyCode !== 13) return;
      const items = container.querySelectorAll('.bootstrap-typeahead-menu > li');
      if (items.length === 1) items[0].querySelector('a').click();
    };
  }

I call this from componentDidMount and componentDidUpdate.

I wrap my Typeahead in a div like this:

<div ref={saveTypeahead}> ... </div>

And here is saveTypeahead:

const saveTypeahead = c => this.container = c;

[ericgio]

highlightOnlyResult prop added in v2.0.0-alpha.1