Bug: Form submitter is missing, if form includes input with name 'id'

[torjusb]

When creating a form, with multiple submit buttons, you can tell which button is the submitter by giving the button a name and value. But if you include an input element with the name id within the form, like <input type="hidden" name="id" value="1" /> this information is gone.

The issue seems to originate from the function createFormDataWithSubmitter() in React. Specifically where it checks for form.id.

react/packages/react-dom-bindings/src/events/plugins/FormActionEventPlugin.js

Lines 63 to 65 in 71b3a03

	if (form.id) {
	temp.setAttribute('form', form.id);
	}

When you include an input element with the name id, form.id will be the actual input element. I guess the intention here is instead to get the id attribute on the form instead?

<form id="my-form">
  <input type="hidden" name="id" value="1" />
</form>

In the above example, form.id will be the <input /> element, not my-form. If I remove the input element, form.id will be my-form.

React version: 19.2

Steps To Reproduce

1. Create a form with with a named submit button (e.g. action, and an input field with name id
2. Call formData.get('action') within the action handler of the form

Link to code example: https://codesandbox.io/p/sandbox/naughty-dew-d39gvp?file=%2Fsrc%2FApp.js%3A16%2C16

The current behavior

The return value of formData.get('action') is null

The expected behavior

The return value should be the value of the submitter.

[briantimothykarani]

Are you sure you cant restructure your code in another way or this has ever worked before

[torjusb]

Are you sure you cant restructure your code in another way or this has ever worked before

Sure, I can just name my input field something else. But that doesn't change the fact that this is a bug, React shouldn't just have a different behaviour because you happen to include a input field with the name id.

[briantimothykarani]

I have gone through the error and i think i have understood it . it seems to be react 's fault because just naming your input "id" shouldn't have any harm on your code.
it's a ridiculous bug ,its like css failing to run because you named a div a random name.

[SahilMotiramani]

Hi 👋,
I’ve submitted a PR that fixes this issue: ##34990
.

The fix updates createFormDataWithSubmitter() to use form.getAttribute('id') instead of form.id, preventing named controls like from clobbering the form reference.

I’ve also added regression tests covering both internal and external submitters.

Thanks for reporting this bug! 🙌