| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting-overflow.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting-overflow.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting-overflow.html
|
| index 408ebfe6514236904e8bc1df34ab58f4d144d972..76f3ebdd968fc20aad9e66702720b312ff4fd822 100644
|
| --- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting-overflow.html
|
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting-overflow.html
|
| @@ -1,19 +1,15 @@
|
| <!DOCTYPE html>
|
| <html>
|
| +<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
|
| <link href="resources/grid.css" rel="stylesheet">
|
| <body>
|
| <style>
|
| .grid {
|
| grid-template-rows: repeat(5, 100px);
|
| grid-template-columns: repeat(5, 100px);
|
| - width: -webkit-fit-content;
|
| background-color: red;
|
| }
|
|
|
| - .verticalRL {
|
| - -webkit-writing-mode: vertical-lr;
|
| - }
|
| -
|
| .gridItem {
|
| height: 100%;
|
| width: 100%;
|
| @@ -33,21 +29,21 @@
|
|
|
| <!-- An item in the middle of the grid. -->
|
| <div class="scrolledDiv" data-scroll-top="200" data-scroll-left="100">
|
| - <div class="grid">
|
| + <div class="grid fit-content">
|
| <div class="gridItem" style="grid-column: 2; grid-row: 2; border-bottom: 100px green solid;"></div>
|
| </div>
|
| </div>
|
|
|
| <!-- Bottom-right corner of the grid. -->
|
| <div class="scrolledDiv" data-scroll-top="400" data-scroll-left="400">
|
| - <div class="grid">
|
| + <div class="grid fit-content">
|
| <div class="gridItem" style="grid-column: 4; grid-row: 5; border-right: 100px green solid;"></div>
|
| </div>
|
| </div>
|
|
|
| <!-- Bottom-right corner of the grid. -->
|
| <div class="scrolledDiv" data-scroll-top="400" data-scroll-left="400">
|
| - <div class="grid">
|
| + <div class="grid fit-content">
|
| <div class="gridItem" style="grid-column: 4; grid-row: 5; border-left: 100px purple solid; background-color: green;"></div>
|
| </div>
|
| </div>
|
| @@ -56,21 +52,21 @@
|
|
|
| <!-- An item in the middle of the grid. -->
|
| <div class="scrolledDiv" data-scroll-top="100" data-scroll-left="200">
|
| - <div class="grid verticalRL">
|
| + <div class="grid fit-content verticalLR">
|
| <div class="gridItem" style="grid-column: 2; grid-row: 2; border-right: 100px green solid;"></div>
|
| </div>
|
| </div>
|
|
|
| <!-- Bottom-right corner of the grid. -->
|
| <div class="scrolledDiv" data-scroll-top="400" data-scroll-left="400">
|
| - <div class="grid verticalRL">
|
| + <div class="grid fit-content verticalLR">
|
| <div class="gridItem" style="grid-column: 4; grid-row: 5; border-bottom: 100px green solid;"></div>
|
| </div>
|
| </div>
|
|
|
| <!-- Bottom-right corner of the grid. -->
|
| <div class="scrolledDiv" data-scroll-top="400" data-scroll-left="400">
|
| - <div class="grid verticalRL">
|
| + <div class="grid fit-content verticalLR">
|
| <div class="gridItem" style="grid-column: 4; grid-row: 5; border-top: 100px purple solid; background-color: green;"></div>
|
| </div>
|
| </div>
|
|
|
Chromium Code Reviews
Issue 1488493003:
[css-grid] refactoring of layout tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master