Rachel Andrew ([email protected])
Firefox have implemented, and an issue we have with Chrome is that grid-gap, grid-column-gap and grid-row-gap have been unprefixed as per the spec (they came out of grid layout). Without the Flex implementation, we can't use Feature Queries to check for column-gap support when using Flexbox, as Chrome does support column-gap, just not in Flex layout.
- Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=762679
- Example which works in Firefox: https://codepen.io/rachelandrew/pen/KrqBbg
- MDN docs: https://developer.mozilla.org/en-US/docs/Web/CSS/gap
Firefox have an implementation underway, and the Level 2 spec is close to CR. This is absolutely the biggest thing people who have used grid at all are asking for, it's what I get asked about most often. It would be great to also have an implementation on the way in Chrome.
- Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=618969
- Firefox meta issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1240834
- Level 2 spec: https://www.w3.org/TR/css-grid-2/
- Article I wrote for Smashing on the subgrid functionality: https://www.smashingmagazine.com/2018/07/css-grid-2/
I know this issue with display: contents causing elements to not be exposed to the a11y tree is in progress, but has to be high priority. It is stopping responsible people using display:contents, and those who don't know or don't care will use it anyway.
Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=835455
This keeps coming up in terms of people bringing me use cases for Grid or other layout methods, which really need Exclusions. At the moment the only browser with any kind of implementation is IE 10+ and Edge.
I have said I will work on the spec, if there is interest in progressing it, and wrote up some stuff here which links to everything: w3c/csswg-drafts#3308 but I think we will stay in stalemate until someone agrees to start an implementation. With EdgeHTML now dead, that implementation is not going to progress.