How to close suggest list on select?

Short description

I was trying to select a suggestion, but the suggestion list doesn’t close after I select a suggestion item. I tried using below code but it didn’t work.

onSuggestSelect(suggest) {
    console.log(suggest);
    this._geoSuggest.blur();
}
<Geosuggest ref={el => (this._geoSuggest = el)} 
          onSuggestSelect={this.onSuggestSelect}
          suggestsHiddenClassName="suggest-hidden"
          suggestItemClassName="suggest-item"/>

I even tried this._geoSuggest.hideSuggests();, but that too didn’t work.

Expected results

By selecting a suggestion item the suggestion list should close.

[ro-ka]

Looks like some CSS is missing. Did you read this: https://github.com/ubilabs/react-geosuggest#styling ?

[amackintosh]

Thanks for this thread’s existence.

If anyone else wanders in here, check that above URL for a quick win:

Note: The geosuggest__suggests–hidden class is added to hide the suggestion list. You should copy the style below into your CSS file.

// This closes the suggestion list
.geosuggest__suggests--hidden {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
}

The component is excellent by the way. Deluxe API and amazing piece of technology.