- From: Ian Kilpatrick via GitHub <sysbot+gh@w3.org>
- Date: Fri, 19 Mar 2021 02:02:59 +0000
- To: public-css-archive@w3.org
bfgeek has just created a new issue for https://github.com/w3c/csswg-drafts: == [css-grid] Clarification how should %-rows resolve. == Consider the following testcase ( https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=9084 ) ```html <!DOCTYPE html> <div style="display: grid; width: 200px; grid-template-rows: 200%; grid-template-columns: 100px 100px; border: solid;"> <div style="height: 100px; background: orange;"></div> <div style="background: cyan;"></div> </div> ``` Here there is a pretty large difference between webkit/blink & firefox/edge. webkit/blink appear to be re-resolving rows against a (now definite) block-size. I don't think this is in the spec, however it somewhat matches what happens in the inline-direction with all browsers, e.g. ( https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=9085 ) ```html <!DOCTYPE html> <div style="display: inline-grid; grid-template-rows: 100px 100px; grid-template-columns: 200%; border: solid;"> <div style="width: 100px; background: orange;"></div> <div style="background: cyan;"></div> </div> ``` Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6118 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 19 March 2021 02:03:01 UTC