Text fields don't work properly with firefox

  • Profile Image
    LMBE90
    Asked on September 25, 2016 at 06:43 PM

    Dear Jot-Form Team

    a customer just told us that with FF 47.0, the text he entered in the text fields (e.g. adress field) was cut on the top and bottom, making the font nearly unreadable.

    I just did check this with FF 48.0.2 and could replicate this issue, see screenshot attached.

     

    Do you know anything about this? How could it be solved?

     

    Thank you!

    LMBE

     

    Screenshot
  • Profile Image
    EltonCris
    Answered on September 25, 2016 at 07:15 PM

    That's due to the height limit set on textboxes. I think it's with the form theme you are currently using. To fix it, inject this CSS codes into your form.

    .form-textbox, .form-dropdown, .form-textarea {

        height: auto !important;

        padding: 10px;

    line-height: initial;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste it into the bottom section if you have existing CSS codes into your form)

    Result on Firefox:

    Hope this helps!

  • Profile Image
    LMBE90
    Answered on September 30, 2016 at 01:26 PM

    Hi Elton

    this worked! Thank you very much!