Drop down fields not accessible due to height

  • defcon6
    Asked on September 13, 2016 at 6:33 AM

    Several of my clients are having problems registering. If they choose a different browser it seems to work.

     

    Can this be fixed

  • liyam
    Replied on September 13, 2016 at 10:12 AM

    Hello,

    Can you share with us specifically what problems your clients have experienced with registering? I tried loading your form but I did not find any problems with it.

    Also it would be great if you can share with us the browser which they had trouble filling up with and the browser that they used which went successfully.

    Will be looking forward to your response.

    Thanks.

     

  • defcon6
    Replied on September 13, 2016 at 1:45 PM
    When they try to enter credit card information they can’t any information in the credit card number field
    I had similar problems in Safari so I switched to Chrome. I told that to clients but don’t understand why the browser does that.
    r
    ...
  • David JotForm Support
    Replied on September 13, 2016 at 2:14 PM

    It seems as though the theme applied to your form is setting the height of the drop down field to be quite short.  Adding this code to your form will allow for them to be visible once again:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-dropdown {
        height : 22px;
    }

    Here is how the form would look with the code added:

    https://www.jotformpro.com/form/62565304139960

  • defcon6
    Replied on September 13, 2016 at 4:46 PM
    Do I need to add this code or did you add this code
    Thank you
    r
    ...
  • David JotForm Support
    Replied on September 13, 2016 at 6:10 PM

    You would add this code to your copy of the form.  Here is our guide on how to do so:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • defcon6
    Replied on September 14, 2016 at 1:46 PM
    I put in that code and I still can’t enter credit cards in safari
    r
    ...
  • David JotForm Support
    Replied on September 14, 2016 at 2:12 PM

    The same thing occurred with the text boxes in your form.  Add this code in addition to the previous code and the form should function correctly:

    .form-textbox {
        padding : 0px 10px;
        height : 30px;
    }

  • defcon6
    Replied on September 14, 2016 at 2:46 PM
    It is quite big now. Hopefully people won’t have problems
    r
    ...
  • David JotForm Support
    Replied on September 14, 2016 at 3:57 PM

    You can adjust the height by changing the value next to height:

    .form-textbox {
        padding : 0px 10px;
        height : 30px;
    }

    Decreasing that value will make the field shorter.