Prevent simultaneous submission of multiple forms

Bug, Feature, or Question?

Feature/Question

Current Behavior

When there are two HTML forms present a submission will attempt to submit both forms. This causes validation to run on both even if it was desired to only submit one.

Desired Behavior

Only the target of the even should be submitted.

Suggested Solutions

This can be implemented in userland but it would be awesome if passing an id or name to the form element would prevent multiple form submission from happening. Formik could look at event.target.name or event.target.id and only call this.executeSubmit if if matches the element. EDIT: It can also be implemented using refs so that the user doesn’t have to provide an id or name.

---

• Formik Version: v0.11.10
• React Version: v16.2.0

[migueloller]

@prichodko,

Yes, that was clear!

Let’s close it then?

Yup. Thanks for all your help fellas.

[prichodko]

@migueloller sorry if I wasn’t clear enough - it was what I meant by prevent the event from bubbling up.

Let’s close it then?