Chromium Code Reviews Chromium Code Reviews
Issue 826893003:
[CSS Grid Layout] Remove stack from grid-auto-flow syntax (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@remove-stack| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-strict.dtd"> |
| 2 <!-- | 2 <!-- |
| 3 Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved. | 3 Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved. |
| 4 | 4 |
| 5 Redistribution and use in source and binary forms, with or without modification , | 5 Redistribution and use in source and binary forms, with or without modification , |
| 6 are permitted provided that the following conditions are met: | 6 are permitted provided that the following conditions are met: |
| 7 | 7 |
| 8 Redistributions of source code must retain the above copyright notice, this lis t of | 8 Redistributions of source code must retain the above copyright notice, this lis t of |
| 9 conditions and the following disclaimer. | 9 conditions and the following disclaimer. |
| 10 | 10 |
| (...skipping 18 matching lines...) Expand all Loading... | |
| 29 <html xmlns="http://www.w3.org/1999/xhtml"> | 29 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 30 <head> | 30 <head> |
| 31 <title>CSS Test: Grid-column with a value of '0'</title> | 31 <title>CSS Test: Grid-column with a value of '0'</title> |
| 32 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> | 32 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
| 33 <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-dec laration" /> | 33 <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-dec laration" /> |
| 34 <meta name="flags" content="ahem invalid" /> | 34 <meta name="flags" content="ahem invalid" /> |
| 35 <meta name="assert" content="The 'grid-column' with a value of '0' is in valid and inserts the grid-item in the first column." /> | 35 <meta name="assert" content="The 'grid-column' with a value of '0' is in valid and inserts the grid-item in the first column." /> |
| 36 <script src="testRunnerEnableGrid.js"></script> | 36 <script src="testRunnerEnableGrid.js"></script> |
| 37 <link rel="stylesheet" href="testRunner.css"> | 37 <link rel="stylesheet" href="testRunner.css"> |
| 38 <style type="text/css"> | 38 <style type="text/css"> |
| 39 #container | |
| 40 { | |
| 41 position: relative; | |
| 42 color: green; | |
| 43 font: 20px/1 Ahem; | |
| 44 } | |
| 39 #test | 45 #test |
| 40 { | 46 { |
| 41 color: green; | 47 position: absolute; |
| 48 left: 0; | |
| 49 top: 0; | |
| 42 display: -ms-grid; | 50 display: -ms-grid; |
| 43 display: -moz-grid; | 51 display: -moz-grid; |
| 44 display: -o-grid; | 52 display: -o-grid; |
| 45 display: -webkit-grid; | 53 display: -webkit-grid; |
| 46 display: grid; | 54 display: grid; |
| 47 font: 20px/1 Ahem; | |
| 48 height: 3em; | 55 height: 3em; |
| 49 -ms-grid-template-columns: auto 1fr; | 56 -ms-grid-template-columns: auto 1fr; |
| 50 -moz-grid-template-columns: auto 1fr; | 57 -moz-grid-template-columns: auto 1fr; |
| 51 -o-grid-template-columns: auto 1fr; | 58 -o-grid-template-columns: auto 1fr; |
| 52 -webkit-grid-template-columns: auto 1fr; | 59 -webkit-grid-template-columns: auto 1fr; |
| 53 grid-template-columns: auto 1fr; | 60 grid-template-columns: auto 1fr; |
| 54 -ms-grid-template-rows: auto 1fr; | 61 -ms-grid-template-rows: auto 1fr; |
| 55 -moz-grid-template-rows: auto 1fr; | 62 -moz-grid-template-rows: auto 1fr; |
| 56 -o-grid-template-rows: auto 1fr; | 63 -o-grid-template-rows: auto 1fr; |
| 57 -webkit-grid-template-rows: auto 1fr; | 64 -webkit-grid-template-rows: auto 1fr; |
| 58 grid-template-rows: auto 1fr; | 65 grid-template-rows: auto 1fr; |
| 59 -ms-grid-auto-flow: stack; | |
| 60 -moz-grid-auto-flow: stack; | |
| 61 -o-grid-auto-flow: stack; | |
| 62 -webkit-grid-auto-flow: stack; | |
| 63 grid-auto-flow: stack; | |
| 64 } | 66 } |
| 65 #griditem | 67 #griditem |
| 66 { | 68 { |
| 67 color: red; | 69 color: red; |
| 68 -ms-grid-column: 0; | 70 -ms-grid-column: 0; |
| 69 -moz-grid-column: 0; | 71 -moz-grid-column: 0; |
| 70 -o-grid-column: 0; | 72 -o-grid-column: 0; |
| 71 -webkit-grid-column: 0; | 73 -webkit-grid-column: 0; |
| 72 grid-column: 0; | 74 grid-column: 0; |
| 73 -ms-grid-row: 1; | 75 -ms-grid-row: 1; |
| 74 -moz-grid-row: 1; | 76 -moz-grid-row: 1; |
| 75 -o-grid-row: 1; | 77 -o-grid-row: 1; |
| 76 -webkit-grid-row: 1; | 78 -webkit-grid-row: 1; |
| 77 grid-row: 1; | 79 grid-row: 1; |
| 78 } | 80 } |
| 81 #absolute | |
| 82 { | |
| 83 position: absolute; | |
| 84 left: 0; | |
| 85 top: 0; | |
| 86 } | |
| 79 </style> | 87 </style> |
| 80 </head> | 88 </head> |
| 81 <body> | 89 <body> |
| 82 <p>Test passes if there is no red visible on the page.</p> | 90 <p>Test passes if there is no red visible on the page.</p> |
| 83 <div id="test"> | 91 <div id="container"> |
|
Julien - ping for review
2015/01/05 13:11:34
Those are external tests so we avoid making big ch
Manuel Rego
2015/01/08 12:50:28
The problem here is that they're wrong according t
Julien - ping for review
2015/01/09 09:13:03
We could probably get both grid items into the fir
| |
| 84 <div id="griditem">XXXX</div> | 92 <div id="test"> |
| 85 <div>XXXXX</div> | 93 <div id="griditem">XXXX</div> |
| 94 </div> | |
| 95 <div id="absolute">XXXXX</div> | |
| 86 </div> | 96 </div> |
| 87 </body> | 97 </body> |
| 88 </html> | 98 </html> |
| OLD | NEW |
