[Webkit-unassigned] [Bug 256047] New: Auto-fit grid columns collapsing when container-type set to inline-size

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Apr 27 09:56:09 PDT 2023


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

            Bug ID: 256047
           Summary: Auto-fit grid columns collapsing when container-type
                    set to inline-size
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: eurgeht at gmail.com

Element with container-type: inline-size, display: grid, and auto-fit grid-template-columns collapses grid column widths to 0

Minimal error case:

https://codepen.io/darby3/pen/vYVZZEe

Summary: I have an element set to display: grid, with auto-fit columns. This works as expected.

As soon as I add container-type: inline-size, the grid width (column widths) collapse to 0 width. Switching to auto-fill columns, however, the columns work as expected.

While I didn't reproduce here, setting container-type to size appears to also collapse the height of the grid rows to 0.

I've noted mac apple silicon / macos above, but I've reports of this error on an iphone as well.

-- 
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/20230427/064d43ef/attachment-0001.htm>


More information about the webkit-unassigned mailing list