- From: Rachel Andrew via GitHub <sysbot+gh@w3.org>
- Date: Sat, 29 Jul 2017 08:05:44 +0000
- To: public-css-archive@w3.org
I've ended up here again while doing some poking around at interop issues with percentage sizing of gaps. Currently there seems to be decent interop on `column-gap` as a percentage. Chrome, Safari TP and the Edge Preview all seem to do the same thing. When I look at `row-gap`, I believe from the above discussion we expect that to resolve as per an auto-sized track. Currently Blink collapses the gap to zero if the grid does not have a fixed height set, Firefox is - I think - using a percentage of the height of the grid, however Firefox collapses an auto sized track down when it is empty. Both seem to agree when the grid has a fixed height. Quick demo here: https://codepen.io/rachelandrew/pen/xLZbMm I was going to raise an issue with Firefox, but I don't know if this was ever officially resolved on here. I know this is still marked as at-risk in the spec, however an author pointed out a use case for percentage gaps that I hadn't considered. They enable the use of a grid layout component in a layout that uses a flexbox or float based grid, which relies on percentages for responsive spacing. https://twitter.com/minamarkham/status/891029296604618752 -- GitHub Notification of comment by rachelandrew Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/509#issuecomment-318812608 using your GitHub account
Received on Saturday, 29 July 2017 08:05:45 UTC