Docs

[Transfac]

My home form is working on two of the browsers I have tested it on (Chrome and Edge), but Firefox shows dashes in the form fields instead of the actual text. I contacted Gravity Forms and was informed that it must be a theme or plugin issue. Any help would be greatly appreciated.

The website is dev.transfac.com

[Rahul]

Hey There,

Thanks for writing back!

Let us know more details about the issue you are facing if possible provide screenshot of it.

Thanks for understanding!

[Transfac]

I have a form on my homepage that isn’t functioning properly when viewed in Firefox. The text within the fields have been replaced by dashes. I have attached screenshots from various browsers (Chrome, Edge, and Firefox), which are labeled accordingly.

[Rahul]

Hey There,

Thanks for writing back!

Can you please point out a page with a URL where you encountered this Dashes within the form fields? This will make the testing more simpler.

Thanks for understanding!

[Transfac]

This is my homepage: dev.transfac.com. All of the screenshots were taken using this URL. The dashes only appear when viewing the page in the Mozilla Firefox browser.

[Lely]

Hi There,

Please check this link:http://stackoverflow.com/questions/20507731/text-input-placeholders-not-displaying-in-ie-and-firefox

We can add this on Appearance > Customize > Custom > Edit Global CSS

@-moz-document url-prefix() { 
body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type="text"] {
    height: 100%;
    padding: 0 20px !important;
}
}

Hope this helps.

[Transfac]

That worked perfectly! Thanks for your assistance.

[Joao]

Glad to hear we managed to help.

Joao

[Author]

Posts