W3C home > Mailing lists > Public > public-css-archive@w3.org > September 2017

[csswg-drafts] [css-grid] Doubts about specified and computed value of `grid-auto-flow` property

From: Manuel Rego Casasnovas via GitHub <sysbot+gh@w3.org>
Date: Tue, 26 Sep 2017 20:43:02 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-260763325-1506458570-sysbot+gh@w3.org>
mrego has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid] Doubts about specified and computed value of `grid-auto-flow` property ==
The [spec text](https://drafts.csswg.org/css-grid/#propdef-grid-auto-flow) is the following:
> Computed value: specified value
> Canonical order: per grammar

I'm testing something like this:
  grid.style.gridAutoFlow = "row";
  console.log(".style: " + grid.style.gridAutoFlow);
  console.log("computedStyle: " + window.getComputedStyle(grid).gridAutoFlow);

And I'm setting different values than `row`.
The output is:
1) Set grid-auto-flow to 'row'
	1.1) .style: row
	1.2) computedStyle: row
2) Set grid-auto-flow to 'row dense'
	2.1) .style: row dense
	2.2) computedStyle: row dense
3) Set grid-auto-flow to 'dense row'
	3.1) .style: row dense
	3.2) computedStyle: row dense
4) Set grid-auto-flow to 'dense'
	4.1) .style: row dense
	4.2) computedStyle: row dense
5) Set grid-auto-flow to ''
	5.1) .style: 
	5.2) computedStyle: row

The implementations match in all the cases but 4.1) which is:
* Firefox and Edge: `row dense`
* Chrome and WebKit: `dense`

Which one is right (if any)?
And about the rest of the results, are they right? I guess they're right due to the *Canonical order: per grammar* but I'd like to confirm.

I'm asking this because we're upstreaming to WPT the Chromium/Blink tests and I realized that this one has a minor interoperability issue. :smiley:

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1834 using your GitHub account
Received on Tuesday, 26 September 2017 20:42:53 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:18 UTC