Dropdown field is not showing the correct layout in Mozilla Firefox

  • raisehopecontact
    Asked on February 24, 2016 at 6:49 AM

    Drop-down option is not working same as in google chrome and Mozilla Firefox. Can you help me?

    I created a form and it works good in google chrome but not in Mozilla Firefox. Only drop-down issue is there.

    Please tell me any solution

    Jotform Thread 779865 Screenshot
  • Welvin Support Team Lead
    Replied on February 24, 2016 at 11:10 AM

    This is because each browser has its own method of rendering designs and/or layouts. You can fix the problem by just changing the label width in the form preferences. I did this for you, from 150 to just 120.

    Dropdown field is not showing the correct layout in Mozilla Firefox Image 1 Screenshot 20

    You may see a different width for the textboxes and dropdown, you can make it uniform by injecting the following custom CSS codes to your form:

    input, textarea {

    width: 435px !important;

    }

    select {

    width: 443px !important;

    }

    Here's how to inject the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • raisehopecontact
    Replied on February 25, 2016 at 7:18 AM

    Thank you for your support. Now form is working in Mozilla Firefox also. Thank you again.

  • Carina
    Replied on February 25, 2016 at 11:42 AM

    Thank you for updating us.

    If you need additional support please let us know.