🐛 fix(field): textarea stopPropagation enter (ant-design#1026)

* 🐛 fix(field): textarea stopPropagation enter * add test * add test * add test * add test
tangweikun · Nov 19, 2020 · 98a1876 · 98a1876
1 parent 19d3af5
commit 98a1876
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/packages/field/src/components/TextArea/index.tsx b/packages/field/src/components/TextArea/index.tsx
@@ -23,6 +23,9 @@ const FieldTextArea: ProFieldFC<{
     const dom = (
       <Input.TextArea
         rows={3}
+        onKeyPress={(e) => {
+          if (e.key === 'Enter') e.stopPropagation();
+        }}
         placeholder={intl.getMessage('tableForm.inputPlaceholder', '请输入')}
         ref={ref}
         {...fieldProps}

diff --git a/tests/field/field.test.tsx b/tests/field/field.test.tsx
@@ -508,4 +508,20 @@ describe('Field', () => {
     );
     expect(html.text()).toBe('qixian');
   });
+
+  it('🐴 keypress simulate', () => {
+    const html = mount(<Field text="qixian" valueType="textarea" mode="edit" />);
+    act(() => {
+      html.find('TextArea').at(0).simulate('keypress', {
+        key: 'Enter',
+        keyCode: 13,
+      });
+    });
+    act(() => {
+      html.setProps({
+        mode: 'read',
+      });
+    });
+    expect(html.text()).toBe('qixian');
+  });
 });