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

Form not calling `formatOnBlur` before validating when submitted using Enter key

Open anmol-kansal-ds opened this issue 1 year ago • 0 comments

I have a very simple form which have a text input. I'm using format function and formatOnBlur: true to trim the strings. I want to run validations after the string has been trimmed (i.e. after format function has been called)

Are you submitting a bug report or a feature request?

Bug report.

What is the current behavior?

It works fine if I type "react " in the input and clicks on submit button. It shows error correctly. But if I hit Enter instead of click, it submits successfully and do not show any error.

What is the expected behavior?

It should perform validations after formatting the field and should throw the error when I hit Enter key.

Sandbox Link

https://codesandbox.io/p/sandbox/3gzzkl

What's your environment?

Latest (you can find these in the sandbox).

anmol-kansal-ds avatar Jan 07 '25 09:01 anmol-kansal-ds