Selected option on dropdown menu not visible

  • fitmealsmurray
    Asked on August 12, 2016 at 7:13 AM

    Hi,

     

    Many customers are complaining they will select a drop down and cannot see it.  What can I do to fix this issue?

     

    Thank you~

    Anne-Marie

     

     

  • Support_Management Jotform Support
    Replied on August 12, 2016 at 10:23 AM

    Hello Anne-Marie, since you haven't mentioned which form you're having issues with, I tried my luck checking the last form you edited https://www.jotform.com/62242914928157

    I checked the 2 dropdown menus you have on that form and was able to replicate the problem:

    Selected option on dropdown menu not visible Image 1 Screenshot 40

    As you can see on the short clip above, it was caused by the height of the dropdown menu. The selected option was there, it's just not visible because the height is too short. Use the following CSS codes to fix this:

    .form-dropdown {

       height: 40px;

    }

    You can insert the CSS codes on your Form Builder's PREFERENCES > FORM STYLES > CUSTOM CSS section:

    Selected option on dropdown menu not visible Image 2 Screenshot 51

    RESULT:

    Selected option on dropdown menu not visible Image 3 Screenshot 62

    For further reading on how to inject CSS codes, just go to this page: How-to-Inject-Custom-CSS-Codes 

    Give it a spin and let us know if that worked :)

  • fitmealsmurray
    Replied on August 12, 2016 at 10:46 AM
    That's awesome ! Thank you - I'll try it when I get home
    Anne-Marie Tanner
    ...
  • Support_Management Jotform Support
    Replied on August 12, 2016 at 12:21 PM

    Anytime :)

    Please keep us posted, keep safe.