File Upload Buttons Not Working

Hi @blachina

I hope you’re well today and thank you for reaching out to us!

I visited the page in question and I can see the issue there.

It certainly is not a designed behavior but we don’t have any bugs reported that would explain that too.

I noticed that clicking on the upload button appears to behave as if it was a submit button: if I don’t fill-in any fields and click on “Upload” button, form scrolls up and right away shows all the validation errors for the field.

There’s also a JS error in browser console related to Forminator scripts (though it doesn’t give enough information on the issue).

All together, it suggests that there’s some kind of unexpected conflict happening on site so we’ll need to identify it.

Would you please:

1. in form’s Behavior settings switch the “Load form using AJAX” option to opposite as it is set now, save settings and check if that changes anything?

2. if it doesn’t, a full conflict test will be necessary to identify the cause of the conflict:

a) take a full backup of the site first, just to stay on the safe side
b) disable all the plugins (except Forminator) temporarily and switch theme to one of default themes (like e.g. Twenty Twenty Four)
c) check if the issue is still happening
d) if it it’s not, that confirms the conflict so then

e) enable one of the plugins back and check again
f) keep enabling plugins back (and theme in the end) until the issue comes back and the last enabled plugin (or the theme) right before it would be the source of the conflict.

Knowing about it we could then look closer into it to find our why it’s causing such conflict and how to fix it.

Would you give it a try? Let us know about results, please.

Best regards,
Adam

Thanks for your follow up. I did use one of the default themes and the issue went away, so it seems to be a problem with the theme interacting with Forminator. What do you recommend I do next?

Hi @blachina

Thank you for response!

This would confirm conflict being caused by the theme. Unfortunately, without testing it closer it’ll be rather difficult to pinpoint the exact culprit (e.g. option setting or the code in that theme) that is causing it but there are a few things I’d suggest trying first:

1. Try changing the Upload field setting in form from “Single” to “multiple” mode and then in the field settings you’ll have option to select upload method to be “Ajax”. This will completely change the uploader so there is a chance it may “override” the conflict; if it works, you can still set a limit of uploaded files in “Upload” field settings if you want to.

2. If above doesn’t help, see if there are any options in theme settings that may be related to
– forms (and if yes, if they can be disabled; e.g. so the theme wouldn’t support any forms)
– or JS loading/optimization – possibly disable all the “dynamic” JS loading options and any JS optimization options there

I could only find a free version of the theme that you are using but that one apparently is quite simple and I couldn’t replicate the issue; I don’t have any access to Pro version to test it but it’s quite likely that Pro version is different.

3. Just to make sure – did you only test switching theme or did you also test with your theme still active but all other plugins (except Forminator) disabled instead? If not, could you test that too (it’s not uncommon that what appears to be theme issue is, in reality, a combination of theme and some other plugin).

Best regards,
Adam

Hi @blachina,

Since we haven’t heard from you for a while. I’ll mark this thread as resolved for now. Please feel free to open a new thread if you have new queries.

Kind Regards
Nithin