|
|
@ -151,15 +151,6 @@ export default class AutosuggestTextarea extends ImmutablePureComponent {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
componentDidUpdate () {
|
|
|
|
|
|
|
|
if (this.refs.selected) {
|
|
|
|
|
|
|
|
if (this.refs.selected.scrollIntoViewIfNeeded)
|
|
|
|
|
|
|
|
this.refs.selected.scrollIntoViewIfNeeded();
|
|
|
|
|
|
|
|
else
|
|
|
|
|
|
|
|
this.refs.selected.scrollIntoView({ behavior: 'auto', block: 'nearest' });
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render () {
|
|
|
|
render () {
|
|
|
|
const { value, suggestions, disabled, placeholder, onKeyUp, autoFocus } = this.props;
|
|
|
|
const { value, suggestions, disabled, placeholder, onKeyUp, autoFocus } = this.props;
|
|
|
|
const { suggestionsHidden, selectedSuggestion } = this.state;
|
|
|
|
const { suggestionsHidden, selectedSuggestion } = this.state;
|
|
|
@ -192,7 +183,6 @@ export default class AutosuggestTextarea extends ImmutablePureComponent {
|
|
|
|
<div className={`autosuggest-textarea__suggestions ${suggestionsHidden || suggestions.isEmpty() ? '' : 'autosuggest-textarea__suggestions--visible'}`}>
|
|
|
|
<div className={`autosuggest-textarea__suggestions ${suggestionsHidden || suggestions.isEmpty() ? '' : 'autosuggest-textarea__suggestions--visible'}`}>
|
|
|
|
{suggestions.map((suggestion, i) => (
|
|
|
|
{suggestions.map((suggestion, i) => (
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
ref={i === selectedSuggestion ? 'selected' : null}
|
|
|
|
|
|
|
|
role='button'
|
|
|
|
role='button'
|
|
|
|
tabIndex='0'
|
|
|
|
tabIndex='0'
|
|
|
|
key={suggestion}
|
|
|
|
key={suggestion}
|
|
|
|