| 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: fit-content; | 
 |   9     overflow: scroll; | 
 |  10 } | 
 |  11 .gridItem { | 
 |  12     width: 100px; | 
 |  13     height: 100px; | 
 |  14     background: green; | 
 |  15 } | 
 |  16 </style> | 
 |  17 <script src='../../resources/check-layout.js'></script> | 
 |  18  | 
 |  19 <body onload="checkLayout('.grid'); checkLayout('.inline-grid');"> | 
 |  20  | 
 |  21 Test that scrollbar width is added to the width of the grid container. | 
 |  22 <div class='grid' data-expected-width='115'> | 
 |  23     <span class='gridItem'></span> | 
 |  24 </div> | 
 |  25 <div class='grid' style='left: 150px; overflow-y: hidden' data-expected-width='1
    00'> | 
 |  26     <span class='gridItem'></span> | 
 |  27 </div> | 
 |  28 <div class='inline-grid' style='left: 300px' data-expected-width='115'> | 
 |  29     <span class='gridItem'></span> | 
 |  30 </div> | 
 |  31 <div class='inline-grid' style='left: 450px; overflow-y: hidden' data-expected-w
    idth='100'> | 
 |  32     <span class='gridItem'></span> | 
 |  33 </div> | 
 |  34 </body> | 
| OLD | NEW |