Support » Plugin: Contact Form by WPForms - Drag & Drop Form Builder for WordPress » Dropdown menu not working properly

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Will Derichsweiler

    (@williamdersh)

    Hey @pablomassa,

    I took a look at the form you’ve referenced and the issue with the dropdown field.

    We typically see this issue when the theme is changing the browser’s default appearance for dropdown (select) inputs and it’s conflicting with WPForms.

    Luckily, we can work around this with just a bit of custom CSS that I’ve included below:

    .wpforms-container select {
    	-webkit-appearance: menulist !important;
    	-moz-appearance: menulist !important;
    	appearance: menulist !important;
    }
    

    In case it helps, here’s a tutorial from WPBeginner on easy ways to add custom CSS like this to your site.

    I hope this helps!

    Thread Starter Pablo Massa

    (@pablomassa)

    Thanks! It worked perfectly.

    Hope you consider address this issue natively because the Twenty Twenty-One theme is massively used (700.000+ active installs), and many users are having this UX issue right now.

    Thanks for your help.

    Plugin Support Will Derichsweiler

    (@williamdersh)

    Hi @pablomassa,

    I’m happy that helped!

    It looks like there’s currently a bug with the WPForms dropdown field and the Twenty Twenty-One theme.

    Our development team has been notified about this issue and will be looking into it. I apologize for the inconvenience in the meantime!

    I’m going to go ahead and close this thread for now. But if you have other questions, please feel welcome to continue the conversation.

    I hope this helps!

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.