Dropzone Validation Remains after Submission and Form Reset

Wappler Version : 6.5.4
Operating System : Windows 11
Server Model: NodeJS
Database Type: MariaDB
Hosting Type: Docker

Expected behavior

What do you think should happen?

After successful submission of a form with validation on a file input with dropzone, the validation checkmark should go away after submission and form reset.

Actual behavior

What actually happens?

Upon form submission, form validation completes successfully on all required fields including file input dropzone, after successful submission and form reset all fields except for the dropzone and does not remove the green checkmark. The checkmark remains on the dropzone component until page refresh. Even adding a button on the page that resets the form does not clear this either.

How to reproduce

  • Detail a step by step guide to reproduce the issue
  • A screenshot or short video indicating the problem
  • A copy of your code would help. Include: JS, HTML.
  • Test your steps on a clean page to see if you still have an issue

Create form with a file input and other inputs. Regular file input does not have this issue but the dropzone does so make sure its a dropzone. Add some sort of validation to it, in my case I am using file types and max file size. Submit the form and see the validation complete. Set an action to reset the form such as a button or any other trigger. All other required fields get successfully reset and validation goes away except for the dropzone.

Before upload
image

After submission and form reset:

image

Thanks

Please check if the following update fixes it.

dmxDropzone.zip (7.5 KB)

Hi Patrick,

The dropzone does correctly remove the validation now after a form reset, thanks for that. While it works for me now the way it is I do still notice it behaves differently than the other validation input fields such as just text or dropdown. The validation box and check will still remain until the form reset while others will go away after form submission.

Created an update for the validator that hopefully fixes the remaining issue.

dmxValidator.zip (14.8 KB)

that also fixes the remaining issue as well.

Thanks

Fixed in Wappler 6.5.5

This topic was automatically closed after 12 hours. New replies are no longer allowed.