Bug 188502

Summary: [css-grid] Absolute positioned grid container doesn't auto-grow children
Product: WebKit Reporter: stanekv01
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: gsnedders, jfernandez, obrufau, rego, simon.fraser, zalan
Priority: P2    
Version: WebKit Local Build   
Hardware: Unspecified   
OS: Unspecified   

Description stanekv01 2018-08-13 01:50:50 PDT 
When there is a absolute-positioned css grid, it's children aren't growing to fill it. 

Minimal test case: https://codepen.io/Cactucs/pen/bjKGeX should show green page as in Chrome or Firefox. Instead it is red.

(Possible userland workaround is to make it into two elements as shown here: https://codepen.io/Cactucs/pen/GBGRya)

Tested in Browserstack on varios versions of safari (both desktop and mobile, including Safari TP) and Webkit Nightly.
Comment 1 Manuel Rego Casasnovas 2020-06-17 01:34:24 PDT 
*** Bug 213281 has been marked as a duplicate of this bug. ***
Comment 2 Manuel Rego Casasnovas 2020-06-17 01:35:21 PDT 
Another example from bug #213281:
* https://twitter.com/geddski/status/1243292506793463809
* https://codepen.io/geddski/pen/ZEGmwQr
Comment 3 Sam Sneddon [:gsnedders] 2021-07-30 06:48:52 PDT 

*** This bug has been marked as a duplicate of bug 204578 ***