Inaccurate rendering during file upload

[3ru]

Animation is not rendering properly when uploading multiple files of three or more.

Details about the bug:

• p5.js version: 1.4.0
• Web browser and version: Google Chrome 103.0.5060.114
• Operating System: Windows
• Steps to reproduce this:

1. uploading multiple files
2. only the top two upload completion animations work
   (All files are uploaded successfully)

Successfully uploaded	Only two animations

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[lindapaiste]

I'm looking into this now. I can see that the dz-processing class is only on the first 2 elements, and the dz-success only on the first one. Those classes are handled internally by the dropzone package. I've got to see what are passing in that's incorrect.

[lindapaiste]

I did find one thing which we are doing wrong, though I don't think it fixes your issue. It's supposed to stop showing the progress bar when the upload is done and show a check mark instead. That doesn't happen because we are overriding the complete function instead of adding a secondary event handler. Therefore the default complete behavior is not called and the dz-complete class never gets added.
https://github.com/dropzone/dropzone/blob/f50d1828ab5df79a76be00d1306cc320e39a27f4/src/options.js#L769-L776

https://docs.dropzone.dev/configuration/events#overriding-default-event-handlers

I suspect the problem has something to do with the parallelUploads: 2 option. But I'm struggling to get S3 uploads working on localhost so I don't know how much further I'm going to get with this.

[lindapaiste]

It's important to note that this issue only happens with asset files that are uploaded to S3. It works fine when uploading .js files to the editor.

[lindapaiste]

Fixed by #2244