The behavior of Vue Formulate File Input is incorrect during uploading

[jc-rses]

I am attempting to load both a non-valid file and a valid file, but this behavior is incorrect because the non-valid file should not be uploaded to the server. Additionally, this behavior only occurs after the valid file has been loaded for the second time, resulting in two files being uploaded to the server.

Steps to reproduce the behavior:

1. Go to example
2. First, add a non-valid file, and then add a valid file Video: https://monosnap.com/direct/VYwWCadf5Hf0OIHwdkD5bRlXq7BaLg

CodePen:

https://codepen.io/jc-rses/pen/jOeBdGd

Expected behavior The files that have not been validated and have non-valid extensions are not uploading to the server.

Device information:

• Browser [Google Chrome]
• Version [112.0.5615.121]