From 27b9a6a1562a81d5c8a89875f90b3be860652989 Mon Sep 17 00:00:00 2001
From: zhixzhan <zhixzhan@microsoft.com>
Date: Thu, 26 Nov 2020 15:52:11 +0800
Subject: [PATCH] keyboard Enter submit

---
 Composer/packages/client/src/components/EditableField.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/Composer/packages/client/src/components/EditableField.tsx b/Composer/packages/client/src/components/EditableField.tsx
index ace6c7e24c..e130b40f1d 100644
--- 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') {