Update behavior of CSS Grid Layout percentage row tracks and gutters

This updates the behavior of percentage row tracks and gutters in grid containers with indefinite heights. Previously, these were behaving similarly to percentage heights in regular blocks, but the CSS WG has resolved to make them behave the same as for columns, making them symmetric. Percentages are now ignored when computing intrinsic height and resolved afterwards against that height. That way both column and row axes will have symmetric behavior to resolve percentages tracks and gutters.

Demos

Documentation

Specification

Working draft or equivalent

Status in Chromium

Blink>Layout>Grid


Enabled by default (tracking bug) in:

  • Chrome for desktop release 70
  • Chrome for Android release 70
  • Android WebView release 70
  • Opera release 57
  • Opera for Android release 57

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Last updated on 2018-09-05