roduct hover on shop/category – short description overflows onto adjacent produc

[lakuzoweb]

Hi,

I’m hitting a rendering bug with the product hover on WooCommerce archive (shop / category) pages.

Key symptom (most important):
On the FIRST hover over a product, the sliding hover block (short description + Add to cart / wishlist / search) appears WITHOUT the white card background and shadow, and overflows on top of the product in the row below. Hovering the SAME product a SECOND time renders it correctly — the white background extends and covers the content as expected.

This “first hover broken / second hover fine on the same product” pattern suggests the expanded hover height/background is being finalized via JS reflow or dynamic CSS after the first hover, rather than on the initial hover itself.

Setup:
– Product hover type: [что выбрано в Theme Settings → Shop → Product hover]
– Products have multi-line Russian short descriptions (3–4 lines)

Expected:
On first hover, the card expands with a white background + shadow that covers the description and buttons, without overlapping the product below.

Actual:
First hover shows the content transparent and overflowing onto the next product; second hover on the same product is correct.

Questions:
1. Is this a known issue with this hover type?
2. Is there a proper setting or patch to fix it instead of a custom-CSS workaround? I’d prefer an update-proof solution.

Screenshots of both states (first hover vs. second hover) attached.

Thanks.

• This topic was modified 48 minutes ago by lakuzoweb.

Attachments:

You must be logged in to view attached files.

[Author]

Posts