keyboard Enter submit (microsoft#4991)

Co-authored-by: Dong Lei <donglei@microsoft.com> Co-authored-by: Andy Brown <asbrown002@gmail.com>
lei9444 · Nov 30, 2020 · 4ef7d38 · 4ef7d38
1 parent b76f694
commit 4ef7d38
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/Composer/packages/client/src/components/EditableField.tsx b/Composer/packages/client/src/components/EditableField.tsx
@@ -171,8 +171,12 @@ const EditableField: React.FC<EditableFieldProps> = (props) => {
     fieldRef.current?.blur();
   };
 
+  // single line, press Enter to submit
+  // multipe line, press Enter to submit, Shift+Enter get a new line,
   const handleOnKeyDown = (e) => {
-    if (e.key === 'Enter' && expanded) {
+    const enterOnField = e.key === 'Enter' && hasFocus;
+    const multilineEnter = multiline ? !e.shiftKey : true;
+    if (enterOnField && multilineEnter) {
       handleCommit();
     }
     if (e.key === 'Escape') {