CloudToys/puyopuyotetr.is
1
0
Fork 0
Code

Reset textarea height when press submit key (#2681)

Browse Source 
* Reset textarea height when press submit key

* dry

* DON'T NEED props
This commit is contained in:
Yamagishi Kazutoshi 2017-05-03 03:08:21 +09:00 committed by Eugen Rochko
parent 302c0d2046
commit 46943b64c6
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/components/components/autosuggest_textarea.jsx
View File

@ -58,7 +58,6 @@ class AutosuggestTextarea extends React.Component {
} }
// auto-resize textarea // auto-resize textarea
e.target.style.height = 'auto';
e.target.style.height = `${e.target.scrollHeight}px`; e.target.style.height = `${e.target.scrollHeight}px`;
this.props.onChange(e); this.props.onChange(e);
@ -147,6 +146,10 @@ class AutosuggestTextarea extends React.Component {
} }
} }
reset () {
this.textarea.style.height = 'auto';
}
render () { render () {
const { value, suggestions, disabled, placeholder, onKeyUp } = this.props; const { value, suggestions, disabled, placeholder, onKeyUp } = this.props;
const { suggestionsHidden, selectedSuggestion } = this.state; const { suggestionsHidden, selectedSuggestion } = this.state;

4
app/assets/javascripts/components/features/compose/components/compose_form.jsx
View File

@ -44,12 +44,12 @@ class ComposeForm extends React.PureComponent {
handleKeyDown (e) { handleKeyDown (e) {
if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) { if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) {
this.props.onSubmit(); this.handleSubmit();
} }
} }
handleSubmit () { handleSubmit () {
this.autosuggestTextarea.textarea.style.height = "auto"; this.autosuggestTextarea.reset();
this.props.onSubmit(); this.props.onSubmit();
} }