UseFieldArray remove() should set form dirty?

[MartinAmsinck]

What happened?

When i remove an element from a fieldArray, both values and inititalValues is updated, resulting in a form that is not Dirty?

Looks like this is by design,, or i'm i missing something?

I would expect a form that, gets a field removed would become dirty?

Reproduction steps

1. Use the basic example from here: https://vee-validate.logaretm.com/v4/api/use-field-array
2. Set initialValues to { links: [{ id: 1, url: 'https://github.com/logaretm' }, { id: 2, url: 'https://github2.com/logaretm' }], }
3. Remove on of the fields

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

No response

Demo link

https://vee-validate.logaretm.com/v4/api/use-field-array

Code of Conduct

• I agree to follow this project's Code of Conduct

[logaretm]

Thanks for reporting this. It seems while it is partly by design it isn't intended.

So the main issue this tries to resolve is when you remove a field and add it again it shouldn't have the same initial value.

But like you pointed out this makes the form not dirty since the initial values get cleaned up. I will investigate more and see how can it can be fixed.

[logaretm]

I believe this is fixed with the latest commit. Will publish it in a new release soon with 4.6.