Dropdown field with enabled Multiple Selections option is not displyed properly

  • Profile Image
    stormingrobots
    Asked on June 06, 2019 at 10:23 AM

     

    form:  91563429099165

    1559830378junk.jpg

    Advise? 

    I have to hide this field for now until this is fixed.  Your prompt assistance will be greatly appreciated.  

  • Profile Image
    BJoanna
    Answered on June 06, 2019 at 11:54 AM

    I inspected your form and I was able to replicate the issue. I am also able to replicate it on my cloned form. 

    The Multiple Selections option you enabled inside of the filed properties is causing this issue. 

    1559835649dropdown.PNG

    You can turn OFF Multiple Selections option to resolve the issue. 

    You can also use a Multiple Chose field instead of a dropdown field. 

    I also saw that the same field is displayed properly on your old form 90155989156166. What exactly did you change when this issue started? Did you add some CSS code or made some change inside of the Advanced Designer? 

    You can also try to revert a form to a previous version to see if that will resolve the issue. 

    How to View Form Revision History

  • Profile Image
    stormingrobots
    Answered on June 08, 2019 at 11:24 AM

    This issue started to happen after I attempted to change the dropdown button look from the Design Palette.  Unfortunately, even when changed it back to the original one, this issue persists. 


  • Profile Image
    roneet
    Answered on June 08, 2019 at 01:42 PM

    Have you tried the reverting back to the previous version of your code from the revision history as suggested by my colleague?

    How to View Form Revision History

    Are you facing issues with the height of the textbox and you are not able to make multiple selections for the mentioned field? If yes, then you may inject the CSS in your Form Designer which will increase the height of the textbox:

    #input_163 {
     height: 60px;
    }


    To inject custom CSS please follow this guide:

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

    Result:

    15600156431.PNG

    Let us know how it goes.

    Thanks.