Dropdown menu not working properly

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!

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.

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!