CSS Fix required in twenty-twenty-two.css to prevent overflow issue with single product layouts when using WooCommerce

[1wdtv]

Twenty-TwentyTwo Theme needs a tweak to the css for the following class to prevent any WooCommerce single product from causing an overflow issue.

This css rule needs the addition of "overflow:hidden", as shown below

.woocommerce div.product {
    position: relative;
    max-width: 1000px;
    overflow: hidden;
}

Otherwise, the layout looks as follows:
​https://i.gyazo.com/1b2597db9b8383c3c0e573bf277fa269.png

When overflow:hidden is added, site properly displays single product as follows:
​https://i.gyazo.com/30bf8a7ac31e815aac94be726fbce565.png

[sabernhardt]

Thanks for the report!

The twenty-twenty-two.css file is part of the WooCommerce plugin, and they have an issue tracker in their GitHub repository:
​https://github.com/woocommerce/woocommerce/issues

Please open an issue there. I'll close this ticket as invalid (not a core bug).