TypeError: "submit" is read-only in Firefox

[davidhagg]

The Problem

I've got a form setup that works just fine in Chrome and Edge, but in Firefox it throws an error.

this._node.submit = this.handleSubmit;

in form-component.js

Steps to Reproduce

I've setup a store with combineForms in conjunction with combineReducers. My form is pretty simple:

submitTheForm(contact) {
        const { dispatch } = this.props;

        dispatch(actions.setPending('pageforms.contact', true));

        let contactPromise = this.postContactForm(`${API_ROOT}/contact`, contact);

        dispatch(actions.submit('pageforms.contact', contactPromise));
    }

 render() {
return (
<Form model="pageforms.contact" onSubmit={(val) => this.submitTheForm(val)} className="contact-form row">

<button disabled={!this.props.isFormValid} type="submit" name="submit">Send</button>
</Form>
)
}

Expected Behavior

No error and rendered as it should

Actual Behavior

An error is shown TypeError: "submit" is read-only

[davidkpiano]

Would you like to submit a PR if you know the fix?

[davidhagg]

I can give it a try, but I'm not sure if I know the fix

[davidhagg]

found the issue, if the submit button has a name property name="submit" it does not work in Firefox. Removed that property and it now works!

[davidkpiano]

Nice! That's an interesting caveat.