[wp-trac] [WordPress Trac] #55507: CSS Fix required in twenty-twenty-two.css to prevent overflow issue with single product layouts when using WooCommerce

[WordPress Trac]

#55507: CSS Fix required in twenty-twenty-two.css to prevent overflow issue with
single product layouts when using WooCommerce
--------------------------+-----------------------------
 Reporter:  1wdtv         |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Themes        |    Version:  5.9.2
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 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

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/55507>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform