Antd Form doesn't submit when there are more than one text input inside

Question

I have a simple example where for some reason form stops calling onSubmit callback if I add more than one text inputs and push 'Enter' key while one of the inputs is focused.

Here is a link on CodePen: https://codepen.io/anon/pen/KePXOj?&editors=001.

This one works:

<Form onSubmit={(e)=>{e.preventDefault(); console.log(e)}}>
    <Input/>
</Form>

And this doesn't:

<Form onSubmit={(e)=>{e.preventDefault(); console.log(e)}}>
    <Input/>
    <Input/>
</Form>

What am I doing wrong there?

Does it work when you manually press ok? – supra28 May 28 '18 at 13:55 — supra28, May 28 '18 at 13:55
Yes, it does work when I click ok. – Sergei Basharov May 28 '18 at 13:56 — Sergei Basharov, May 28 '18 at 13:56
Does not work for me: https://codesandbox.io/s/5zm7wj7nq4 – A.com Nov 29 '18 at 18:12 — A.com, Nov 29 '18 at 18:12

score 0 · Answer 1 · answered May 28 '18 at 14:52

0

This doesn't seem to be an antd issue, it is a known quirk that forms with only a single input fire onsubmit when pressing enter while if they have multiple inputs they do not.

This might be related

answered May 28 '18 at 14:52

supra28

1,646
10
17

really? I feel like it's common to hit onSubmit for a login for with email/password. – A.com Nov 29 '18 at 18:12

Antd Form doesn't submit when there are more than one text input inside

1 Answers1