1633737-5.html (1021B)
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-template-columns: repeat(9998,0) repeat(auto-fit, 5px [b] 10px [c] 15px [d] 20px [e] 25px); 17 grid-auto-columns: 500px; /* should not be used */ 18 border: 1px solid; 19 margin-bottom: 2px; 20 } 21 22 x { grid-column: b / e; } 23 24 </style> 25 </head> 26 <body> 27 28 <div class="grid"><x style="grid-column: b / e"></x></div> 29 <div class="grid"><x style="grid-column: 1 / e"></x></div> 30 <div class="grid"><x style="grid-column: c / foo"></x></div> 31 <div class="grid"><x style="grid-column: b / d"></x></div> 32 <script> 33 document.body.offsetHeight; 34 document.querySelectorAll('.grid').forEach(function(grid){ 35 window.getComputedStyle(grid).gridTemplateColumns; 36 }); 37 </script> 38 </body> 39 </html>