auto-size.html (1451B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1524573 --> 7 <html><head> 8 <meta charset="utf-8"> 9 <title>Testcase #1 for bug 1330962</title> 10 <style type="text/css"> 11 html,body { 12 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 13 } 14 15 grid { 16 display: grid; 17 grid: 40px / auto; 18 float: left; 19 place-items: center start; 20 border: 1px solid; 21 } 22 grid.c { 23 grid: auto / 40px; 24 place-items: start center; 25 } 26 27 .v { writing-mode: vertical-lr; } 28 29 </style> 30 </head> 31 <body> 32 33 <grid class=c><input type=range class=v></grid> 34 <grid class=c><input type=range class=v style="width:max-content"></grid> 35 <grid class=c><input type=range class=v style="width:min-content"></grid> 36 37 <grid class=c><input type=range orient=vertical></grid> 38 <grid class=c><input type=range orient=vertical style="width:max-content"></grid> 39 <grid class=c><input type=range orient=vertical style="width:min-content"></grid> 40 41 <grid><input type=range></grid> 42 <grid><input type=range style="height:max-content"></grid> 43 <grid><input type=range style="height:min-content"></grid> 44 45 <grid><input type=range orient=horizontal class=v></grid> 46 <grid><input type=range orient=horizontal class=v style="width:max-content"></grid> 47 <grid><input type=range orient=horizontal class=v style="width:min-content"></grid> 48 49 </body> 50 </html>