react-final-form icon indicating copy to clipboard operation
react-final-form copied to clipboard

elem.nodeName.toLowerCase is not a function when Field's name is "nodeName"

Open peterblockman opened this issue 5 years ago • 1 comments

Are you submitting a bug report or a feature request?

bug report

What is the current behavior?

In my local environment, I have a Field that has name = "nodeName". This causes my form page to refresh when the submit button is clicked. I cannot reproduce this behavior in codesandbox. Instead, it throws elem.nodeName.toLowerCaseerror.

It seems that the Field's name can be anything but "nodeName".

What is the expected behavior?

Able to set the Field's name a "nodeName"

Sandbox Link

https://codesandbox.io/s/sad-khayyam-6m9uh

What's your environment?

react: 17.0.1 react-final-form: 6.5.2 final-form: 4.20.1

peterblockman avatar Oct 26 '20 01:10 peterblockman

It's been a long year since this question was raised but I also ran into this problem. The problem is with the register method. For some reason, the first parameter, "name" cannot be "nodeName". I solved this by adding some other string before nodeName, e.g. value-${nodeName} and later on removing "value" when submitting the form.

Verino-profico avatar Dec 02 '21 15:12 Verino-profico