Bug 182670
| Summary: | CSS grid with padding-bottom hack does not work | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | mic.gallego |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | bfulgham |
| Priority: | P2 | ||
| Version: | Safari 11 | ||
| Hardware: | Unspecified | ||
| OS: | macOS 10.13 | ||
mic.gallego
When using display: grid with an image that using the padding-bottom hack to allocate its space, the height of the grid item is incorrectly calculated.
This can be reproduced here: https://codepen.io/anon/pen/oEWvga
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
mic.gallego
It seems to have been fixed in Safari TP actually :).
Brent Fulgham
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.