Why can't type/fill in Form Fields on browsers other than Chrome when the browser Auto-Fill is turned on.

  • Profile Image
    thinkadvertising
    Asked on December 19, 2016 at 12:01 PM

    We are having an issue with the Rush Lawn Care form where it will not allow customers to fill in the Name, Address, City/State/Zip, Phone Number or Email fields. I have tested in Chrome with no issue, but see the problem when I go to Safari and other browsers. The issue appears to be when the viewer has "Auto-Fill" turned on in their browser as when I shut this off in the browser preferences, the fields then are editable.

    www.rushlawn.com - Under the FREE ESTIMATE form.

  • Profile Image
    BJoanna
    Answered on December 19, 2016 at 01:31 PM

    I have tested your embedded form in Mozilla Firefox and I was able to replicate mentioned issue. I was also able to replicate same issue on your standalone form as well. Fields are actually filled, but text is not visible because of the padding that is applied to your text box and text area fields. 

    To resolve this issue add this CSS code to your form:

    .form-textbox, .form-textarea {

        padding : 10px 3px 10px 3px!important;

    }

    How to Inject Custom CSS Codes

     

    I would also suggest you to increase height of your Text Area field. You can do this inside of Form Designer by selecting your text area field.

    Here is my cloned form: https://form.jotform.com/63535348436966 

    Feel free to text it and clone it

    Hope this will help. Let us know if you need further assistance.