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

  • anaeliascreationpt
    Asked on November 14, 2016 at 5:44 AM

    Hi,

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

    Drop Down field with multiple selection enabled does not resize itself correctly in Chrome Image 1 Screenshot 20

    Can you help me?

    Thanks,

    Hugo

  • Boris
    Replied on November 14, 2016 at 6: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:

    Drop Down field with multiple selection enabled does not resize itself correctly in Chrome Image 1 Screenshot 20

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