[Webkit-unassigned] [Bug 244573] New: Container query causing issue when combined with subgrid

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=244573

            Bug ID: 244573
           Summary: Container query causing issue when combined with
                    subgrid
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Intel)
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mic.gallego at gmail.com

Created attachment 462022

  --> https://bugs.webkit.org/attachment.cgi?id=462022&action=review

Attachment 1

Hi,

I have tried to create a minimum reproduction test case, but been unsuccessful, so I suppose it may be a combination of different factors.

The issue can be reproduced here: https://impact-dev-store.myshopify.com/collections/cables (you will need to enter the password rewblo to access the store first).

You can see the grid of product, with the image aligning with the content of the product card (attachment 1).

However, as soon as you add a "container-type: inline-size" on the .product-card class, everything starts to fail (even without actually using it inside a container query). The subgrid seems to calculate incorrectly the rows.

Thanks!

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220831/1742d764/attachment-0001.htm>