handle ctrl-enter

1 files changed, 9 insertions, 3 deletions

diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
index 30c411fd..57ee8f3c 100644
--- a/vnext/src/components/MessageInput.js
+++ b/vnext/src/components/MessageInput.js
@@ -11,7 +11,7 @@ export default class MessageInput extends React.Component {
         this.textChanged = this.textChanged.bind(this);
         this.attachmentChanged = this.attachmentChanged.bind(this);
         this.openfile = this.openfile.bind(this);
-
+        this.handleCtrlEnter = this.handleCtrlEnter.bind(this);
         this.onSubmit = this.onSubmit.bind(this);
 
         this.textarea = React.createRef();
@@ -25,8 +25,14 @@ export default class MessageInput extends React.Component {
         }
     }
 
+    handleCtrlEnter(event) {
+        if (event.ctrlKey && (event.charCode == 10 || event.charCode == 13)) {
+            this.onSubmit({})
+        }
+    }
+
     onSubmit(event) {
-        event.preventDefault();
+        if (event.preventDefault) event.preventDefault();
         const input = this.fileinput.current;
         this.props.onSend({
             mid: this.state.mid,
@@ -75,7 +81,7 @@ export default class MessageInput extends React.Component {
                                 style={{ display: 'none' }} ref={this.fileinput} value={this.state.attach}
                                 onChange={this.attachmentChanged} />
                         </div>
-                        <textarea name="body" onChange={this.textChanged}
+                        <textarea name="body" onChange={this.textChanged} onKeyPress={this.handleCtrlEnter}
                             ref={this.textarea} style={textInputStyle} value={this.state.value}
                             rows="1" placeholder="Write a comment..." />
                         <button className="badge" onClick={this.onSubmit}>Send</button>