Click outside must close suggestions.

divined commented 6 years ago

How to?

divined commented 6 years ago

After any page updates suggestions are opens again (((

Why not focused element show suggestions? Please add rules to showResults:

faultables commented 6 years ago

On my project I use this concept:

create isSuggestionOpen state, and set it to false by default
while user focus on input, set that state to true (via onFocus props)
if user click outside input, set that state to false (via onBlur props)
in customClasses.results props, I add this class (just for example): Typeahead__container Typeahead__container--${this.state.isSuggestionOpen ? 'isOpen' : 'isHide'} and control it via visibility, opacity, or display. It's your option.
it works for me. May help you :)

abdallahokasha commented 6 years ago

simiply, we can set showResults to false on _onBlur Function

this.setState({isFocused: false, showResults: false}, function () {

instead of just,

this.setState({isFocused: false }, function () {

it works with me :smile:

fmoo / react-typeahead