| <!DOCTYPE html> |
| <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet"> |
| <link href="resources/grid.css" rel="stylesheet"> |
| <style> |
| .grid, .inline-grid { |
| overflow: scroll; |
| } |
| .gridItem { |
| width: 100px; |
| height: 100px; |
| background: green; |
| } |
| </style> |
| <script src='../../resources/check-layout.js'></script> |
| |
| <body onload="checkLayout('.grid'); checkLayout('.inline-grid');"> |
| |
| Test that scrollbar width is added to the width of the grid container. |
| <div class='grid fit-content' data-expected-width='115'> |
| <span class='gridItem'></span> |
| </div> |
| <div class='grid fit-content' style='left: 150px; overflow-y: hidden' data-expected-width='100'> |
| <span class='gridItem'></span> |
| </div> |
| <div class='inline-grid fit-content' style='left: 300px' data-expected-width='115'> |
| <span class='gridItem'></span> |
| </div> |
| <div class='inline-grid fit-content' style='left: 450px; overflow-y: hidden' data-expected-width='100'> |
| <span class='gridItem'></span> |
| </div> |
| </body> |
