[Webkit-unassigned] [Bug 208201] New: [CSS grid] 1fr unit does not work vertically with fixed/absolute container
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Tue Feb 25 08:53:09 PST 2020
https://bugs.webkit.org/show_bug.cgi?id=208201
Bug ID: 208201
Summary: [CSS grid] 1fr unit does not work vertically with
fixed/absolute container
Product: WebKit
Version: Safari 13
Hardware: Unspecified
OS: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: Layout and Rendering
Assignee: webkit-unassigned at lists.webkit.org
Reporter: ashley at scirra.com
CC: bfulgham at webkit.org, simon.fraser at apple.com,
zalan at apple.com
In Safari, a CSS grid container with position fixed or absolute does not correctly handle the 1fr unit vertically.
Minimal repro: https://www.scirra.com/labs/bugs/safarigrid.html
The CSS grid container is positioned to fill the entire screen. It has four cells, with columns and rows 100px 1fr.
Expected result: entire screen to be green, since it is covered by the four cells.
Observed result: lower part of the screen is red (the CSS grid container), since it is not covered by the bottom two cells.
The 1fr unit fills the container horizontally, but not vertically. The lower two cells incorrectly compute a height of 0px.
It works correctly in Chrome, Firefox, and (legacy) Edge. It also seems works correctly in Safari with static or relative positioning on the container; only the fixed/absolute positioning is broken.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200225/e12bc9ee/attachment.htm>
More information about the webkit-unassigned
mailing list