Twilio Widget dropdown box has scrollbars

  • unkeith
    Asked on June 5, 2020 at 9:02 AM
    I have another question concerning Twilio widget. The drop-down box for selecting countries prefixes has scroll bars and makes it hard for the user to scroll and view the list.

    I have adjusted form width etc. with no luck.
  • Sonnyfer JotForm Support
    Replied on June 5, 2020 at 9:14 AM

    Apologies for the inconvenience.

    I believe it can be fixed by injecting a custom CSS code. However, I see that you have more than one form that has a Twilio Widget. And as custom CSS codes are form-specific, kindly share with us the form URL you're currently working on.

    Guide: Where-to-Find-My-Form-URL 

    We'll be waiting for your reply.

  • unkeith
    Replied on June 5, 2020 at 10:08 AM

    https://form.jotform.com/201562617350853

  • Anita_K
    Replied on June 5, 2020 at 11:21 AM

    Hi,

    thank you for your answer.

    If I understand correctly, the issue is the vertical scrollbar when you open the country dropdown, is that correct?

    Twilio Widget dropdown box has scrollbars Image 1 Screenshot 30

    If so, please enter the following CSS code inside the widget:

    #customFieldFrame_43.custom-field-frame.custom-field-frame-rendered.frame-xd-ready.frame-ready {

    width: 350px;

    }

    Twilio Widget dropdown box has scrollbars Image 2 Screenshot 41

    Let us know if it solves the issue.