Drop Down field with multiple selection enabled does not resize itself correctly in Chrome

  • Profile Image
    anaeliascreationpt
    Asked on November 14, 2016 at 05:44 AM

    Hi,

    When I enable "multiple selections" in a dropdown field, it doesn't resize correctly.

    Can you help me?

    Thanks,

    Hugo

  • Profile Image
    Boris
    Answered on November 14, 2016 at 06:06 AM

    I have cloned your form into my account, Hugo, and I found that the issue you are describing happens only on Google Chrome and related group of WebKit-based browsers.

    The issue is caused by one of the CSS styles in the theme that your form uses. To have the Allow Multiple option enabled on your Drop Down field, and the field to still displa correctly, please inject the following snippet of CSS into your form:

    .form-dropdown[multiple] {
      -webkit-appearance: menulist-button !important;
    }

    You can add the above CSS into your form by following this guide:

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

    Your Drop Down field would start appearing correctly after that:

    Please try it out and let us know should you need further assistance.