1244886 - [css-grid] grid-column and -row sizing in `grid-template` value not supported

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Eric A. Meyer]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:47.0) Gecko/20100101 Firefox/47.0
Build ID: 20160130030240

Steps to reproduce:

1. Loaded up http://meyerweb.com/eric/css/tests/grid-template-shorthand.html
2. Observed the results in FF Nightly and Chrome.


Actual results:

In Firefox, the first test goes fine.  In the second, where grid column and row sizing and grid line names are mixed in the `grid-template` shorthand property’s value, Firefox completely botches the layout.


Expected results:

The #g2 test should be laid out identically to the #g1 test.  This is the observed behavior in Chrome.

Comment 1

[Mats Palmgren (inactive)]

It looks like your example is still using the old "columns / rows" syntax.
The spec was changed so it's now "rows / columns".
https://drafts.csswg.org/css-grid/#explicit-grid-shorthand
After swapping the order the two grids is laid out the same.

We fixed this recently in bug 1240956 (note that the change in order
affects the 'grid', 'grid-template' and 'grid-gap' properties).

Please file a bug on Chrome if they haven't switched to the new syntax yet.

Comment 2

[Eric A. Meyer]

Well, butter my buns and call me a side dish, so it has.  Thanks, Mats, and sorry for the erroneous bug report.  Off to file a Chrome bug!