Bug 188502
| Summary: | [css-grid] Absolute positioned grid container doesn't auto-grow children | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | stanekv01 |
| Component: | CSS | Assignee: | 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 | ||
stanekv01
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Manuel Rego Casasnovas
*** Bug 213281 has been marked as a duplicate of this bug. ***
Manuel Rego Casasnovas
Another example from bug #213281:
* https://twitter.com/geddski/status/1243292506793463809
* https://codepen.io/geddski/pen/ZEGmwQr
Sam Sneddon [:gsnedders]
*** This bug has been marked as a duplicate of bug 204578 ***