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 |