diff options
| -rw-r--r-- | app/javascript/mastodon/components/autosuggest_textarea.js | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/app/javascript/mastodon/components/autosuggest_textarea.js b/app/javascript/mastodon/components/autosuggest_textarea.js index e94900c82..1c7ffe196 100644 --- a/app/javascript/mastodon/components/autosuggest_textarea.js +++ b/app/javascript/mastodon/components/autosuggest_textarea.js @@ -162,6 +162,15 @@ 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 () { const { value, suggestions, disabled, placeholder, onKeyUp, autoFocus } = this.props; const { suggestionsHidden, selectedSuggestion } = this.state; @@ -202,6 +211,7 @@ export default class AutosuggestTextarea extends ImmutablePureComponent { <div className={`autosuggest-textarea__suggestions ${suggestionsHidden || suggestions.isEmpty() ? '' : 'autosuggest-textarea__suggestions--visible'}`}> {suggestions.map((suggestion, i) => ( <div + ref={i === selectedSuggestion ? 'selected' : null} role='button' tabIndex='0' key={suggestion} |