Chromium Code Reviews Chromium Code Reviews
Issue 535913002:
Add scrollbar logical width while computing intrinsic logical width (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html |
| diff --git a/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html b/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..060c793b1341c02d840f4ed950babaed68e9879d |
| --- /dev/null |
| +++ b/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html |
| @@ -0,0 +1,35 @@ |
| +<!DOCTYPE html> |
| +<link href='resources/grid.css' rel='stylesheet'> |
| +<style> |
| +.grid, .inline-grid { |
| + width: -webkit-fit-content; |
| + width: -moz-fit-content; |
| + width: -ie-fit-content; |
| + 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.
|
| + width: fit-content; |
| + 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' data-expected-width='115'> |
| + <span class='gridItem'></span> |
| +</div> |
| +<div class='grid' style='left: 150px; overflow-y: hidden' data-expected-width='100'> |
| + <span class='gridItem'></span> |
| +</div> |
| +<div class='inline-grid' style='left: 300px' data-expected-width='115'> |
| + <span class='gridItem'></span> |
| +</div> |
| +<div class='inline-grid' style='left: 450px; overflow-y: hidden' data-expected-width='100'> |
| + <span class='gridItem'></span> |
| +</div> |
| +</body> |
