[csswg-drafts] [css-values][css-grid] All browsers handle calc() in grid-column-end incorrectly

LeaVerou has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-values][css-grid] All browsers handle calc() in grid-column-end incorrectly ==
Testcase: http://dabblet.com/gist/e2e7d3bceef592569f8eadbd66c6b7f1

`grid-column-end` [accepts an `<integer>`](https://www.w3.org/TR/css-grid/#line-placement) after `span`. `calc()` [is allowed everywhere that an `<integer>` is accepted](https://drafts.csswg.org/css-values/#calc-type-checking): 

> Additionally, math functions that resolve to <number> can be used in any place that only accepts <integer>. (It gets rounded to the nearest integer, as specified in ยง8.1.4 Range Checking.)

However, no browser seems to support this properly. I have not tested other properties, it may well be an issue that goes beyond Grid and affects all `<integer>` values.

- Blink, WebKit, Gecko support multiplication but not division
- Edge does not seem to support `calc()` at all.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3114 using your GitHub account

Received on Saturday, 15 September 2018 18:30:08 UTC