keep focus on message editing firld whenever possible

This commit is contained in:
or-else
2018-12-15 12:05:03 +03:00
parent 14d75223e2
commit 2e76b122a2
5 changed files with 20 additions and 10 deletions
+7 -3
View File
@@ -49,11 +49,15 @@ class SendMessage extends React.PureComponent {
}
componentDidMount() {
this.pasteFile.addEventListener('paste', this.handlePasteEvent, false);
this.messageEditArea.addEventListener('paste', this.handlePasteEvent, false);
}
componentWillUnmount() {
this.pasteFile.removeEventListener('paste', this.handlePasteEvent, false)
this.messageEditArea.removeEventListener('paste', this.handlePasteEvent, false);
}
componentDidUpdate() {
this.messageEditArea.focus();
}
handlePasteEvent(e) {
@@ -201,7 +205,7 @@ class SendMessage extends React.PureComponent {
<textarea id="sendMessage" placeholder={prompt}
disabled={this.props.disabled} value={this.state.message}
onChange={this.handleMessageTyping} onKeyPress={this.handleKeyPress}
ref={function(ref) {instance.pasteFile = ref;}}
ref={(ref) => {this.messageEditArea = ref;}}
autoFocus />
{this.props.disabled ?
<i className="material-icons disabled">send</i> :