Bug 188502 - [css-grid] Absolute positioned grid container doesn't auto-grow children
Summary: [css-grid] Absolute positioned grid container doesn't auto-grow children
Status: RESOLVED DUPLICATE of bug 204578
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Local Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
: 213281 (view as bug list)
Depends on:
Blocks:
 
Reported: 2018-08-13 01:50 PDT by stanekv01
Modified: 2021-07-30 06:48 PDT (History)
6 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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 ***