[Webkit-unassigned] [Bug 256781] New: [css-grid] Incorrect sizing of children of grid element placed inside flex element

[bugzilla-daemon at webkit.org]

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

            Bug ID: 256781
           Summary: [css-grid] Incorrect sizing of children of grid
                    element placed inside flex element
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kontakt at wojtekmaj.pl
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 466353

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

Repro

Children of grid element placed inside flex element have incorrect auto height calculated, causing said children, technically sitting on a grid, to overflow it.

# Steps to reproduce

* Open attached document in a decently sized window (higher than the gray container)
* Observe how backgroundContainer takes vertical space where in reality should be 0px high
* Observe how items with kittens "escape" the grid that is supposed to contain them
* Play around: resize window in BOTH directions to see the items moving around


# Test results

Note: All tests conducted on macOS Ventura 13.3.1 (22E261)

* Google Chrome 113.0.5672.92 - ✅
* Microsoft Edge 113.0.1774.42 - ✅
* Mozilla Firefox 113.0 - ✅
* Safari 16.4 (18615.1.26.11.23) - ❌
* Safari TP Release 168 (16.4, WebKit 18616.1.10.2) - ❌

-- 
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/20230515/a7a0dc9b/attachment.htm>