Uploader - Not clickable

[ed11]

The multi-file uploader had been working fine but is now unresponsive on click.
I.e. when a User clicks Browse to open the File picker nothing happens. If a file is dragged into the dropzone then it still functions, but I’m getting no response from the click action.

Any help appreciated!
Ed

[ed11]

I just picked this up from the console - I’m not sure if relevant to the issue?
It’s also asking me for my UploadCare key, but hosting via Bubble so this is blank?
Thanks

2filepond.min.js:9 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'insertBefore')
    at L (filepond.min.js:9)
    at Object.replaceElement (filepond.min.js:9)
    at filepond.min.js:9
    at no (filepond.min.js:9)
    at Object.e.create (filepond.min.js:9)
    at eval (VM1624 Advanced-Multi-Uploader-update--Uploader-.js:138)

[Serg]

Hi @ed11, thanks for your message.

I’m afraid provided details are not enough to identify the possible issue (for example it might be an element overlapped to the dropzone, or any other cause related to plugin element settings).

Please share a screencast or screenshots with details of plugin element setting and use case flow. That will allow us to help you with a solution much faster.

Looking forward to your reply.
Regards,

[timmarcie]

Hi,

I have the same issue.

The click action is very unstable. Works 50% of the time.

Have you heard anything about this?

Thank you

[AntonZ]

Hey @timmarcie ,
Thank you for contacting us.

To help you troubleshoot the issue more effectively, I’ll need a bit more information:

1. Which specific plugin are you using?
2. What device and operating system are you testing it on?
3. Have you tested the plugin on our demo page, or only on your own project?
4. Are you using the new Bubble responsive engine or the old one?

These details will help me understand the situation better and provide the best solution.

Feel free to share any additional details if needed!

Best Regards,
Anton

Support Team

Browse all Zeroqode Plugins for Bubble

[timmarcie]

Hello,

Thanks for your reply.

• I’m using the Multi File Uploader plugin in the 15 plugin bundle. It is updated to the latest version.
• I’ve tested on Macbook pro and Iphone using Chrome.
• I have tested the demo with no issue.
• I am using Bubble responsive engine.

I haven’t been able to find the root cause. This bug is very random. Re-loading the page would sometimes fix the issue.

Thank you!

Tim

[AntonZ]

Hey @timmarcie ,
Thank you for sharing additional details.

I also double checked the demo page of our plugin with Iphone and Macbook, but never found the problem you mentioned above.
Please configure the plugin as shown on our editor demo page, and also feel free to use the documentation for this plugin.

Other than that, here are some general tips that may help solve this problem:
Conflict with Other Plugins or Libraries:

• If your page uses another plugin that relies on a similar library (e.g., Dropzone.js or other file-upload-related libraries), it could lead to conflicts. These conflicts typically happen when different versions of the same library are loaded simultaneously.

Recommendations:

• Check which other plugins are installed in your project. Temporarily disable plugins related to file uploading or data processing and test the Multi File Uploader plugin.
• Ensure that custom scripts or external libraries (if you use any) do not conflict with the Multi File Uploader plugin.

Issue with Bubble Responsive Engine:

• If you’re using the new Bubble Responsive Engine, improper configuration of the container holding the Multi File Uploader could cause unexpected behavior (e.g., the plugin element may resize incorrectly if elements are being reloaded dynamically).

Recommendations:

• Make sure the plugin element has sufficient space and that its container is not being hidden or resized unpredictably in mobile/desktop views. Try disabling the responsive settings temporarily to test.
• Use the Bubble debugger to ensure the plugin renders correctly in problem scenarios.

Browser Cache or Cookie Issues:

• Since the user mentioned “reloading the page sometimes fixes the issue,” this could indicate a conflict with cached data or cookies in the browser.

Recommendations:

• Clear the browser cache and test again.
• Test the plugin in incognito mode.

Thank you for understanding.

Best Regards,
Anton

Support Team

Browse all Zeroqode Plugins for Bubble

[timmarcie]

Hi Anton,

Sorry for late reply. This bug has been very random until recently. Just recently, there’s a new strange behavior that I associate with the above bug. See below my parameters:

• My uploader’s background is set to “image” (the download Arrow) that changes color when hovered.
• Just recently, there is this grey rectangle that appears every time above the uploader image.
• After some testing, it appears that the uploader will only launch if I click on that grey rectangle, which is consistant with the error I had reported above (although there was no visible rectangle back then). Nothing happens when i click outside that rectangle (but still on the uploader background image).

I have taken the screen shots and quick video below:

Screen Recording 2025-05-05 at 11.25.46 AM.mp4

This is the suspected element (the grey rectangle) I have “identified” through the Chrome page inspector.:

Many thanks for your help!!

Tim

[AntonZ]

Hey @timmarcie ,
Thank you for your reply.

We have some additional questions regarding your setup and we would be happy to help you resolve any issues. Would it be possible for you to add our Support Team email to the list of collaborators in your application and provide us with a link to your app? This will enable us to check your settings and reproduce them on our side to identify the issue.

To add our Support Team as a collaborator, please follow these steps in the Bubble Editor:
Settings > Collaboration > Add email support@zeroqode.com.

Please note that you may receive a warning message regarding the plan, but since Zeroqode is on an Agency plan, you can easily add us to your collaborators.

Thank you for your time and we look forward to hearing back from you soon.

Best regards,
Anton

Browse all Zeroqode Plugins for Bubble

[timmarcie]

Hi Anton,

Thank you for your feedback.

I have added you as view-only collaborator. Since I had to solve this issue urgently, i had to install another temporary uploader plugin while this bug gets solved. Let me know when you intend to take a look and I’ll show you where the uploader is in the app (it’s currently hidden/replaced by the other plugin).

Many thanks.

Tim

[AntonZ]

Hey @timmarcie ,
Thank you for your patience.

Unfortunately, this is how the library our plugin is based on works. Below is the link to their demo page — only the top part is clickable.

Regarding the background, you need to uncheck the ‘Fixed upload text’ option if you want the entire background to be an image

Easy File Uploading With JavaScript | FilePond

Have a nice day!

Best Regards,
Anton

Browse all Zeroqode Plugins for Bubble

[timmarcie]

Ok Thank you for the feedback.

It seems indeed that the « background style: Image » is incompatible with the plugin, as only the grey rectangle text box is clickable. For me, that grey text box appears even when the text is empty and the « Fixed Upload text » option is unchecked.

It’s a pity as it used to work just fine. Thanks anyway.

[AntonZ]

Hey @timmarcie ,

Please feel free to reach us again when you need some help or assistance. It will be a pleasure to cooperate.

By the way, if you like our plugin you can rate it by going to the Plugins tab in Bubble editor. Find the plugin by name and give it as many stars as it deserves. We would appreciate it a lot!
Additionally, if you’re open to sharing your complete experience with Zeroqode, please feel free to do so here: Review

Best Regards,
Anton

Browse all Zeroqode Plugins for Bubble