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: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Local Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2018-08-13 01:50 PDT by stanekv01
Modified: 2019-07-02 01:50 PDT (History)
5 users (show)

See Also:


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.