Why do hints inside boxes not show up properly when using Firefox browser

  • gconwell3
    Asked on March 31, 2015 at 5:41 PM

    for example, see below.  In top box, hint is supposed to show "Type 1, Type 2, Gestational" but it's not legible.  Also wen I type information in box, it is also hard to read and I'm not clear what i'm typing.  Can you help?

     

     

    Page URL: https://secure.jotform.us/form/50626926769166
  • jonathan
    Replied on March 31, 2015 at 7:19 PM

    I was able to see the inconsistency in the Textbox input height and padding on your jotform https://secure.jotform.us/form/50626926769166 when viewed on Firefox browser.

    Why do hints inside boxes not show up properly when using Firefox browser Image 1 Screenshot 50

     

    It doesn't happen when using Chrome browser though.

     

    Why do hints inside boxes not show up properly when using Firefox browser Image 2 Screenshot 61

    I fixed this by adding the CSS code into your form 

    .form-textbox, .form-textarea {

        padding: 3px 3px 3px;

    }

    Why do hints inside boxes not show up properly when using Firefox browser Image 3 Screenshot 72

    This will ensure there is enough on the input top/bottom padding.

    I checked again afterwards on Firefox, and it look like this now.

    Why do hints inside boxes not show up properly when using Firefox browser Image 4 Screenshot 83

     

    Please check also on your FF browser. Let us know if still not resolved.

    Thanks.