| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting.html
|
| index ef3f89977ccc7c317fb998e167dd5344f605faac..bd158fea4b13e83aa450398aef905d51f86095b0 100644
|
| --- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting.html
|
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/scrolled-grid-painting.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: 3"></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: 5; grid-row: 5"></div>
|
| </div>
|
| </div>
|
|
|
| <!-- Scroll between 2 horizontal grid items. -->
|
| <div class="scrolledDiv" data-scroll-top="400" data-scroll-left="150">
|
| - <div class="grid">
|
| + <div class="grid fit-content">
|
| <div class="gridItem" style="grid-column: 2; grid-row: 5"></div>
|
| <div class="gridItem" style="grid-column: 3; grid-row: 5"></div>
|
| </div>
|
| @@ -55,7 +51,7 @@
|
|
|
| <!-- Scroll between 2 vertical grid items. -->
|
| <div class="scrolledDiv" data-scroll-top="150" data-scroll-left="400">
|
| - <div class="grid">
|
| + <div class="grid fit-content">
|
| <div class="gridItem" style="grid-column: 5; grid-row: 2"></div>
|
| <div class="gridItem" style="grid-column: 5; grid-row: 3"></div>
|
| </div>
|
| @@ -67,21 +63,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: 3"></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: 5; grid-row: 5"></div>
|
| </div>
|
| </div>
|
|
|
| <!-- Scroll between 2 vertical grid items. -->
|
| <div class="scrolledDiv" data-scroll-top="150" data-scroll-left="400">
|
| - <div class="grid verticalRL">
|
| + <div class="grid fit-content verticalLR">
|
| <div class="gridItem" style="grid-column: 2; grid-row: 5"></div>
|
| <div class="gridItem" style="grid-column: 3; grid-row: 5"></div>
|
| </div>
|
| @@ -89,7 +85,7 @@
|
|
|
| <!-- Scroll between 2 horizontal grid items. -->
|
| <div class="scrolledDiv" data-scroll-top="400" data-scroll-left="150">
|
| - <div class="grid verticalRL">
|
| + <div class="grid fit-content verticalLR">
|
| <div class="gridItem" style="grid-column: 5; grid-row: 2"></div>
|
| <div class="gridItem" style="grid-column: 5; grid-row: 3"></div>
|
| </div>
|
|
|
Chromium Code Reviews
Issue 1488493003:
[css-grid] refactoring of layout tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master