Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Form won't submit in overlay

  • 4 replies
  • 2 have this problem
  • 10 views
  • Last reply by CoastPH

more options

In our x-on.co.uk site clicking Contact in the top menu brings up a form in an overlay. Clicking submit does nothing in Firefox, but is fine in other browsers - it used to work in FF. The direct URL x-on.co.uk/contact.html (same page as in the the overly) submits happily.

Can anyone explain why FF will not submit if the form is in an overlay?

Thanks.

In our x-on.co.uk site clicking Contact in the top menu brings up a form in an overlay. Clicking submit does nothing in Firefox, but is fine in other browsers - it used to work in FF. The direct URL x-on.co.uk/contact.html (same page as in the the overly) submits happily. Can anyone explain why FF will not submit if the form is in an overlay? Thanks.

Chosen solution

I tested in a private window. On the first try, Firefox logged this in the Browser Console:

The resource at “https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8” was blocked because tracking protection is enabled.

After turning off tracking protection, which reloads the page, and filling some sample data, the form submitted the second time.

Since I use NoScript, I then allowed Salesforce.com and submitted again.

I then allowed Google Analytics and submitted again.

Look for up to three contacts from joebloggs@example.com.

Read this answer in context 👍 1

All Replies (4)

more options

Do you want to check these and see if this is the issue or is it to custom to make changes ....... https://jigsaw.w3.org/css-validator/validator?uri=x-on.co.uk%2Fcontact.html&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en

Your HTML is perfect.

Please let us know if this solved your issue or if need further assistance

more options

Thanks for running the report - interesting, a lot of CSS issues there - we'll review.

Stripping all CSS from the contact.html down to a bare bones form doesn't help.

We've realised however that the form, even with all the CSS applied, does submit if we submit from a local test of the overlaid contact form, but not from the live site overlaid contact form, which is odd.

Presumably it's feasible that it's something to do with the hosting - we're about to change the hosting so it will be interesting to see if that helps.

Thanks again for your help.

more options

Chosen Solution

I tested in a private window. On the first try, Firefox logged this in the Browser Console:

The resource at “https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8” was blocked because tracking protection is enabled.

After turning off tracking protection, which reloads the page, and filling some sample data, the form submitted the second time.

Since I use NoScript, I then allowed Salesforce.com and submitted again.

I then allowed Google Analytics and submitted again.

Look for up to three contacts from joebloggs@example.com.

more options

Fantastic! That's it.

We'll add a note re tracking to the form for visitors unable to submit.

Thank you for taking the time to investigate/test/respond.

MUCH APPRECIATED!!