- 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
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:
```js
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