S-drop-zone bug on drop

I believe there is a bug with drag and drop on the dropzone component.

We have the accept attribute set like:

accept=".jpg,.jpeg,.png,.gif,.webp,.mp4,.mov,.webm"

When dropping a file, the drop area shows the error message below:

This happens with any file extension. The event goes through and the file is uploaded, though, so it seems mostly a visual issue.

Can anyone else replicate it? It would be great if someone from the Shopify team could confirm if this is a known issue.

Thanks!

@nunof Thanks for the report! I was able to replicate and am working on a fix. In the meantime, you can use accept=”image/*,video/*“ to bypass the internal validation, then filter and accept files with the proper file extensions in the `change` event callback.

@SamR-Shopify, thanks for confirming and the quick reply. I can confirm that it works as a workaround for now. Thank you.

1 Like

@nunof we recently released a fix for this! You should be able to use the accept value you originally used (accept=".jpg,.jpeg,.png,.gif,.webp,.mp4,.mov,.webm").

Let us know if this is still giving you trouble!

Hey @SamR-Shopify, I can confirm this is fixed. Really appreciate the follow-up.

1 Like