| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <style> |
| 5 #log { |
| 6 position: fixed; |
| 7 } |
| 8 </style> |
| 9 <script src="../resources/runner.js"></script> |
| 10 <body> |
| 11 <pre id="log"></pre> |
| 12 <script> |
| 13 function addGridItems(grid, tracksCount) { |
| 14 for (row = 1; row <= tracksCount; row++) { |
| 15 for (column = 1; column <= tracksCount; column++) { |
| 16 var item = document.createElement("div"); |
| 17 item.style.gridRow = row; |
| 18 item.style.gridColumn = column; |
| 19 item.innerHTML = "row: " + row + " - column: " + column; |
| 20 grid.appendChild(item); |
| 21 } |
| 22 } |
| 23 } |
| 24 |
| 25 function createGridTest(tracksCount) { |
| 26 var grid = document.createElement("div"); |
| 27 grid.style.display = "grid"; |
| 28 grid.style.gridTemplateColumns = "repeat(" + tracksCount + ", 50px)"
; |
| 29 grid.style.gridTemplateRows = "repeat(" + tracksCount + ", 50px)"; |
| 30 document.body.appendChild(grid); |
| 31 |
| 32 return { |
| 33 description: "Testing addition of positioned items on a " + trac
ksCount + "x" + tracksCount + " grid.", |
| 34 run: function() { |
| 35 addGridItems(grid, tracksCount); |
| 36 }, |
| 37 setup: function() { |
| 38 grid.innerHTML = ""; |
| 39 }, |
| 40 done: function() { |
| 41 document.body.removeChild(grid); |
| 42 } |
| 43 }; |
| 44 } |
| 45 |
| 46 PerfTestRunner.measureTime(createGridTest(100)); |
| 47 </script> |
| 48 </body> |
| 49 </html> |
| OLD | NEW |
|---|
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