Formik: Form submits on any button click

[antgonzales]

🐛 Bug report

Current Behavior

https://cl.ly/1ae43a21c4e2

Expected behavior

I don't expect the form to submit when I click any button that does not have type="submit" or has the submit handler explicitly set on the button.

Reproducible example

Formik template: https://codesandbox.io/s/formik-example-rfj49

Suggested solution(s)

Only bind the submission handler to buttons with type="submit" and don't bind to all buttons rendered in the form.

Additional context

Your environment

| Software | Version(s) |
| ---------------- | ---------- |
| Formik | 1.5.7
| React | 16.8.6
| TypeScript |
| Browser | Chrome
| npm/Yarn | npm
| Operating System | macOS

[antgonzales]

Closing this as this is not a Formik issue. After reading MDN docs, it's actually normal form element behavior to submit any buttons that do not have the type="button" attribute listed. See the below example:

https://codesandbox.io/embed/formik-example-rfj49

[vmajsuk]

@antgonzales Could you please provide and MDN link? Actually in the article about button tag it is pointed out that type="button" has no default browser behaviour. Here's the link, here's a screenshot:

Here's a link to the codesandbox that demonstrates buttons behaviour:
https://codesandbox.io/s/winter-violet-rme7d

[vmajsuk]

Figured out the thing with this issue is you need to explicitly pass type="button", since type="submit" is the default HTML value, as you can see on the screenshot above. So this is not formik-related