Weird behavior of Ship-to field in Frontend Shipping

In the Frontend Shipping tab there is the “Shipping selection type” field. When I select the “Popup” option, a popup should appear on the product screen for the user to select the country, but instead a selector is appearing. When I click in the middle of this selector, instead of it opening the list of countries, it switches to the next country in the list. It only works as it should when I click on the right corner of the selector.

I changed the configuration of the “Shipping selection type” field to “Select” and the field started to work as a combo should. But after a while, the “Ship to” field started to behave again as I described above. I returned the setting to “Popup” and it started working again, after a while the problem started again and I returned it to “Select”. At the moment it is working, but I don’t know if it will behave strangely again. It seems to me that depending on the product, the field behaves differently.

This list of countries in the “Ship to” field should only show the countries I’m selling to, but apparently it shows all countries.

Below the “Ship to” field the message “Estimated shipping to {country}” appears. I had to remove the string “{country}” from the configuration to be able to translate this message into other languages using TranslatePress. As “{country}” and the message are in the same string, I would have to do a translation for each country in the selector, but this is not practical.

It would be interesting if the “Estimated shipping to” message showed an animated ajaxload icon while it is loading content. This way the user will know that something will appear there and will wait until the information appears.

I’ve improved a bit the appearance of the “Ship to” field and the fields below it using the custom CSS code below:

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 24px !important;
}
.ald-single-product-shipto-label {
	font-size: 14px !important;
}
.ald-single-product-shipto-select2 {
	padding-top: 4px !important;
}
.select2-container--open .select2-dropdown--below {
	margin-top: 5px !important;
}
.vi-wad-item-shipping-select {
	border: none !important;
}
.quantity .label {
	font-size: 14px !important;
	padding-top: 8px !important;
	padding-bottom: 5px !important;
}