OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <link href='resources/grid.css' rel='stylesheet'> | |
3 <style> | |
4 .grid, .inline-grid { | |
5 width: -webkit-fit-content; | |
6 width: -moz-fit-content; | |
7 width: -ie-fit-content; | |
8 width: -o-fit-content; | |
Julien - ping for review
2014/11/26 00:12:51
I don't think we want the Opera prefix as it is no
Sunil Ratnu
2014/11/26 03:37:58
Done.
| |
9 width: fit-content; | |
10 overflow: scroll; | |
11 } | |
12 .gridItem { | |
13 width: 100px; | |
14 height: 100px; | |
15 background: green; | |
16 } | |
17 </style> | |
18 <script src='../../resources/check-layout.js'></script> | |
19 | |
20 <body onload="checkLayout('.grid'); checkLayout('.inline-grid');"> | |
21 | |
22 Test that scrollbar width is added to the width of the grid container. | |
23 <div class='grid' data-expected-width='115'> | |
24 <span class='gridItem'></span> | |
25 </div> | |
26 <div class='grid' style='left: 150px; overflow-y: hidden' data-expected-width='1 00'> | |
27 <span class='gridItem'></span> | |
28 </div> | |
29 <div class='inline-grid' style='left: 300px' data-expected-width='115'> | |
30 <span class='gridItem'></span> | |
31 </div> | |
32 <div class='inline-grid' style='left: 450px; overflow-y: hidden' data-expected-w idth='100'> | |
33 <span class='gridItem'></span> | |
34 </div> | |
35 </body> | |
OLD | NEW |