Double country dropdown on WooCommerce checkout
SelectWoo is WooCommerce’s bundled Select2 wrapper that progressively enhances <select> fields into searchable dropdowns. When a theme or plugin initialises it twice on the same element, the Country field on the Checkout page renders as two overlapping dropdowns.
Problem: On the WooCommerce Checkout page, the Country field appears twice as a dropdown.
Solution: Try dequeuing the SelectWoo library:
add_action( 'wp_enqueue_scripts', 'dequeue_selectwoo', 100 );
function dequeue_selectwoo() {
if ( class_exists( 'WooCommerce' ) ) {
wp_dequeue_style( 'selectWoo' );
wp_deregister_style( 'selectWoo' );
wp_dequeue_script( 'selectWoo' );
wp_deregister_script( 'selectWoo' );
}
}
If a field marked as optional still behaves as required, add the following lines inside the same function:
wp_dequeue_script( 'wc-checkout' );
wp_deregister_style( 'wc-checkout' );
NOTE: Dequeuing SelectWoo removes WooCommerce’s enhanced select library and resolves the double-render, but also removes the searchable dropdown UI from all checkout fields. If the enhanced UI is needed, check whether a theme or plugin is re-initialising SelectWoo on elements that already have it applied, and prevent the double-init with JavaScript instead.