auto-size-ref.html (1360B)
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>Reference: 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 /* fixed cross-size for the INPUT */ 30 input { 31 height: 30px; 32 } 33 .c input { 34 height: auto; 35 width: 30px; 36 } 37 38 </style> 39 </head> 40 <body> 41 42 <grid class=c><input type=range class=v></grid> 43 <grid class=c><input type=range class=v></grid> 44 <grid class=c><input type=range class=v></grid> 45 46 <grid class=c><input type=range orient=vertical></grid> 47 <grid class=c><input type=range orient=vertical></grid> 48 <grid class=c><input type=range orient=vertical></grid> 49 50 <grid><input type=range></grid> 51 <grid><input type=range></grid> 52 <grid><input type=range></grid> 53 54 <grid><input type=range orient=horizontal class=v></grid> 55 <grid><input type=range orient=horizontal class=v></grid> 56 <grid><input type=range orient=horizontal class=v></grid> 57 58 </body> 59 </html>