Form is marked as valid when required fields are not dirty

I recorded the behavior here:

http://jmp.sh/xPvhIyH

The first 3 fields of this form are required, and the form still returns true for isValid until the field is dirty.

Is there an option that I’m missing to configure the form to be considered invalid until the fields are actually touched & filled in?

Thanks!

[kitze]

@foxhound87 I think that even when the form is “cleared” the “isValid” property should remain false until the form is actually valid. That’s the only way that it makes sense in my head 😃

Thank you for the fix.

Cheers 🎉

[kitze]

I just plugged in the devtools and recorded another video. There’s 100% nothing wrong with the submit button because the implementation is pretty simple:

<SubmitButton
  disabled={form.isValid === false}
/>

Here’s the video with devtools (which btw are a genius addition 😱): http://jmp.sh/Q9unDRE

You can see that isValid is always true unless a field is dirty. It should be false until all the required fields are valid.