Bug 182670 - CSS grid with padding-bottom hack does not work
Summary: CSS grid with padding-bottom hack does not work
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 11
Hardware: Unspecified macOS 10.13
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-02-10 13:10 PST by mic.gallego
Modified: 2022-07-15 14:06 PDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description mic.gallego 2018-02-10 13:10:19 PST 
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
Comment 1 mic.gallego 2018-02-10 13:43:39 PST 
It seems to have been fixed in Safari TP actually :).
Comment 2 Brent Fulgham 2022-07-15 14:06:25 PDT 
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.