Chromium Code Reviews| 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 |