Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Introduce react-textarea-autosize instead of using style.height side effects (#3334)

Browse source
This commit is contained in:
Eugen Rochko 2017-05-26 18:22:23 +02:00 • committed by GitHub
parent 860e257a68
commit c48772fd3f
4 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/javascript/mastodon/components/autosuggest_textarea.js
View file

@ -4,6 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
import PropTypes from 'prop-types';
import { isRtl } from '../rtl';
import ImmutablePureComponent from 'react-immutable-pure-component';
import Textarea from 'react-textarea-autosize';
const textAtCursorMatchesToken = (str, caretPosition) => {
let word;
@ -69,10 +70,6 @@ class AutosuggestTextarea extends ImmutablePureComponent {
this.props.onSuggestionsClearRequested();
}
// auto-resize textarea
e.target.style.height = 'auto';
e.target.style.height = `${e.target.scrollHeight}px`;
this.props.onChange(e);
}
@ -160,10 +157,6 @@ class AutosuggestTextarea extends ImmutablePureComponent {
}
}
reset () {
this.textarea.style.height = 'auto';
}
render () {
const { value, suggestions, disabled, placeholder, onKeyUp, autoFocus } = this.props;
const { suggestionsHidden, selectedSuggestion } = this.state;
@ -175,8 +168,8 @@ class AutosuggestTextarea extends ImmutablePureComponent {
return (
<div className='autosuggest-textarea'>
<textarea
ref={this.setTextarea}
<Textarea
inputRef={this.setTextarea}
className='autosuggest-textarea__textarea'
disabled={disabled}
placeholder={placeholder}