How to close options dropdown?

[yantakus]

I want to close options dropdown programmatically. How ca I achieve this? Smth like focus would be great.

[henrikra]

I would like to know this one too! :)

[mattboon]

Me too!

[vrunjeti]

Copied and pasted from #169:

This is somewhat of a workaround, but I managed to accomplish this with something like this:

constructor(props) {
  super(props)
  this.state = { hideDropdown: false }
  // bind functions listed below
}

closeDropdown() {
  this.setState({ hideDropdown: true })
}

showDropdown() {
  this.setState({ hideDropdown: false })
}

render() {
  const yourOptions = [ ... ]
  return (
    <Typeahead
      options={this.state.hideDropdown ? [] : yourOptions}
      onBlur={this.closeDropdown}
      onFocus={this.showDropdown}
    />
  )
}

Essentially, this makes use of how the selector won't render if there are no options by setting your options to an empty array when the input is blurred. So I guess it's a workaround since it doesn't directly close the dropdown, but puts it in a state to not show up at all.