WIP: The style of the select fields in the WooCommerce checkout form is broken

Bugs
1

Browser: Chrome 110
OS: Windows
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello,

In the WooCommerce checkout field, the select fields (state and country/region) are broken on the frontend, but in the Builder they have the same style as other fields.

select field
select field839×627 7.68 KB

1 Like
2

I see the same thing.

The CSS height, line-height, border-radius, and border-color is wrong on the front end.

1 Like
3

Hi @Victor1999 and @macksix,

thank you for your report. It appears that this was already wrongly styles in the 2.0 alpha. It’s because of the Cascade Layers.
I was able to replicate the issue locally and I’ve created an internal task for this.

Thank you for testing and reporting back.
Matej.

1 Like