The select2 dropdown fields were hard-coded with a 1px width (I believe something to do with the JS, but to be honest i’m not 100% sure where the bug is that causes the 1px width for those dropdown fields).
For reference, this issue still existed with a basic install of wordpress with only the following plugins/themes active:
Woocommerce
Shipping Multiple Addresses
Elementor
Elementor Pro
Hello Elementor Theme
I isolated the issue to this plugin (doesn’t happen when plugin is deactivated), and was able to fix it with a quick bit of css.
.select2.select2-container.select2-container {
width:100%!important;
}
I imagine adding this would clear this issue up for anyone having this issue, which i’m sure likely affects many if not all users.
Open
Last updated: January 31, 2023
Log in to comment on this feature request.
Wow, thank you so much! I could not figure out why the select2 fields were not showing up properly. They were all 1px wide! Your CSS fixed the issue for me, but I am not using the Shipping Multiple Addresses plugin. I only have these installed:
Woocommerce
Woo Checkout Field Editor
Elementor
Elementor Pro
Hello Elementor Theme
Thanks again for the CSS!