Validation is invalid on page load after updating to 4.4.0

[ahoiroman]

Versions

• vee-validate: 4.4.0

Describe the bug

I created different input elements that are making use of vee-validate. On page-load the inputs are invalid, even though the schema is met.

This problem is not appearing in vee-validate < 4.4.0.

Demo: https://codesandbox.io/s/thirsty-sea-3mhf1?file=/src/App.vue

As you can see here, I got a v-if statement, that I am using in my app too, as the form-items are shown after some stuff has been loaded. In this demo, the setTimeout()-function is faking this behavior.

[ahoiroman]

The problems seems to be the v-if - using v-show this is not happening (although I can not use it in my case)

[logaretm]

Thanks for reporting this, this is caused by the schema strictness in v4.4 where previously vee-validate ignored any errors for non-existent fields. in 4.4 it doesn't do that anymore and when a field is rendered it inherits the previously generated errors for it as initial errors.

While I'm not sure if this is the desired behavior or not, it defiantly doesn't reflect the correct state of the field which should be valid without error messages in your example. But this conflicts with initialErrors. If someone sets the initial errors, they should be respected which is what essentially your case is, vee-validate thinks this is an initial error.

Will think of a way to differentiate the user-set initial errors from the others.

[ahoiroman]

Thanks. Can't wait to see this in a patch-release. Thanks for your fast response.

[logaretm]

Should be tagged in 4.4.4, thanks for reporting this.

[ahoiroman]

Not solved.

[paulorodrigues-mb]

I'm having exactly the same behavior on v4.4.5