We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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 பதிலளிப்புகள்
  • 2 இந்த பிரச்னைகள் உள்ளது
  • 10 views
  • Last reply by CoastPH

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.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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)

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

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.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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.

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!!