1633737-4.html (1187B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <title>Testcase for Bug 1633737</title> 8 <style> 9 html,body { 10 color:black; background-color:white; font:15px/1 monospace; padding:0; margin:0; 11 } 12 13 .grid { 14 display: grid; 15 width: min-content; 16 grid-auto-columns: 500px; /* should not be used */ 17 border: 1px solid; 18 margin-bottom: 2px; 19 } 20 21 x { grid-column: 1 / foo; } 22 23 </style> 24 </head> 25 <body> 26 27 <script> 28 const MAX_LINE_NUMBER = 10000; 29 const sz = ["5px", "10px", "15px", "20px", "25px"]; 30 const cols = [9997, 9998, 9999, 10000, 10001]; 31 for (let len = 1; len <= sz.length; ++len) { 32 for (const c of cols) { 33 if (c + len + 1 < MAX_LINE_NUMBER) { 34 continue; 35 } 36 let grid = document.createElement("div"); 37 grid.className = "grid"; 38 let s = "repeat(" + c + ",0) " + "repeat(auto-fill,"; 39 for (let i = 0; i < len; ++i) { 40 s += " " + sz[i]; 41 } 42 s += ")"; 43 grid.style.gridTemplateColumns = s; 44 console.log(s); 45 let item = document.createElement("x"); 46 grid.appendChild(item); 47 document.body.appendChild(grid); 48 } 49 } 50 </script> 51 52 </body> 53 </html>