1<!DOCTYPE html>
2<link href="resources/grid.css" rel="stylesheet">
3<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel=stylesheet>
4<style>
5 .grid {
6 overflow-y: scroll;
7 }
8
9 .item {
10 width: 200px;
11 }
12
13 .oneColumn {
14 -webkit-grid-template-columns: 200px;
15 }
16
17 .fourColumns {
18 -webkit-grid-template-columns: repeat(4, 50px);
19 }
20</style>
21<script src="../../resources/check-layout.js"></script>
22<p>This test checks that grid container scrollbar is computed properly during intrinsic width calculation.</p>
23<body onload="checkLayout('.grid')">
24 <div class="grid min-content" data-expected-client-width="200">
25 <div class="item">item</div>
26 </div>
27 <div class="grid max-content" data-expected-client-width="200">
28 <div class="item">item</div>
29 </div>
30 <div class="grid fit-content" data-expected-client-width="200">
31 <div class="item">item</div>
32 </div>
33 <div class="grid oneColumn min-content" data-expected-client-width="200">
34 item
35 </div>
36 <div class="grid oneColumn max-content" data-expected-client-width="200">
37 item
38 </div>
39 <div class="grid oneColumn fit-content" data-expected-client-width="200">
40 item
41 </div>
42 <div class="grid fourColumns min-content" data-expected-client-width="200">
43 item
44 </div>
45 <div class="grid fourColumns max-content" data-expected-client-width="200">
46 item
47 </div>
48 <div class="grid fourColumns fit-content" data-expected-client-width="200">
49 item
50 </div>
51</body>