Textarea: allow shift+enter for newline without submit (#968)

* Allow newlines with shift+enter in Textarea component

* add test

Author: tcbegley

src/components/input/Textarea.js

@@ -71,7 +71,8 @@ const Textarea = props => {
   };
 
   const onKeyPress = e => {
-    if (setProps && e.key === 'Enter') {
+    if (setProps && e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault(); // don't create newline if submitting
       const payload = {
         n_submit: n_submit + 1,
         n_submit_timestamp: Date.now()

src/components/input/__tests__/Textarea.test.js

@@ -200,6 +200,15 @@ describe('Textarea', () => {
         expect(n_submit_timestamp).toBeLessThanOrEqual(after);
         expect(value).toEqual('some text');
       });
+
+      test('submit not dispatched if shift+enter pressed', () => {
+        userEvent.type(
+          textarea,
+          'some text{shift>}{enter}{/shift}some more text'
+        );
+        // one click, no submits
+        expect(mockSetProps.mock.calls).toHaveLength(1);
+      });
     });
   });
 });