| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-flow-resolution.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-flow-resolution.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-flow-resolution.html
|
| index cf8bb8067f540c1772e7481cbd6e1709d5659f33..1b8998e6c3685903e2709ebb3a94620ea7b24f7f 100644
|
| --- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-flow-resolution.html
|
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-flow-resolution.html
|
| @@ -1,6 +1,7 @@
|
| <!DOCTYPE html>
|
| <html>
|
| <link href="resources/grid.css" rel="stylesheet">
|
| +<link href="resources/grid-alignment.css" rel="stylesheet">
|
| <style>
|
| .smallGrid {
|
| grid-template-columns: 50px 100px;
|
| @@ -43,7 +44,7 @@
|
| <p>This test checks that the tracks' auto positions are properly resolved on a static grid.</p>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid smallGrid gridAutoFlowStack" id="gridAutoFlowStack">
|
| + <div class="grid smallGrid gridAutoFlowStack justifyContentStart" id="gridAutoFlowStack">
|
| <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| @@ -54,7 +55,7 @@
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowColumnDense">
|
| + <div class="grid bigGrid gridAutoFlowColumnDense justifyContentStart">
|
| <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="50" data-offset-y="50" data-expected-width="100" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| @@ -64,7 +65,7 @@
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowRowDense">
|
| + <div class="grid bigGrid gridAutoFlowRowDense justifyContentStart">
|
| <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="50" data-offset-y="50" data-expected-width="100" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| @@ -74,7 +75,7 @@
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowColumnDense">
|
| + <div class="grid bigGrid gridAutoFlowColumnDense justifyContentStart">
|
| <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| @@ -84,7 +85,7 @@
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowRowDense">
|
| + <div class="grid bigGrid gridAutoFlowRowDense justifyContentStart">
|
| <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-offset-y="150" data-expected-width="50" data-expected-height="150">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| @@ -95,7 +96,7 @@
|
|
|
| <!-- Using some 2 positions non-spanning fixed grid-{row|column} -->
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowColumnDense">
|
| + <div class="grid bigGrid gridAutoFlowColumnDense justifyContentStart">
|
| <div class="sizedToGridArea autoLastRowAutoLastColumn" data-offset-x="300" data-offset-y="300" data-expected-width="200" data-expected-height="200">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea firstAutoRowSecondAutoColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| @@ -105,7 +106,7 @@
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowRowDense">
|
| + <div class="grid bigGrid gridAutoFlowRowDense justifyContentStart">
|
| <div class="sizedToGridArea autoLastRowAutoLastColumn" data-offset-x="300" data-offset-y="300" data-expected-width="200" data-expected-height="200">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea firstAutoRowSecondAutoColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| @@ -115,28 +116,28 @@
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowColumnDense">
|
| + <div class="grid bigGrid gridAutoFlowColumnDense justifyContentStart">
|
| <div class="sizedToGridArea overflowingRowFirstColumn" data-offset-x="0" data-offset-y="500" data-expected-width="50" data-expected-height="30">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowOverflowingColumn" data-offset-x="500" data-offset-y="50" data-expected-width="170" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| </div>
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowRowDense">
|
| + <div class="grid bigGrid gridAutoFlowRowDense justifyContentStart">
|
| <div class="sizedToGridArea overflowingRowFirstColumn" data-offset-x="0" data-offset-y="500" data-expected-width="50" data-expected-height="30">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowOverflowingColumn" data-offset-x="500" data-offset-y="50" data-expected-width="170" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| </div>
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowColumnDense">
|
| + <div class="grid bigGrid gridAutoFlowColumnDense justifyContentStart">
|
| <div class="sizedToGridArea negativeOverflowingRowFirstColumn" data-offset-x="170" data-offset-y="0" data-expected-width="50" data-expected-height="30">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowNegativeOverflowingColumn" data-offset-x="0" data-offset-y="80" data-expected-width="170" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| </div>
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid bigGrid gridAutoFlowRowDense">
|
| + <div class="grid bigGrid gridAutoFlowRowDense justifyContentStart">
|
| <div class="sizedToGridArea negativeOverflowingRowFirstColumn" data-offset-x="170" data-offset-y="0" data-expected-width="50" data-expected-height="30">XXXXX XXXXX XXXXX</div>
|
| <div class="sizedToGridArea secondRowNegativeOverflowingColumn" data-offset-x="0" data-offset-y="80" data-expected-width="170" data-expected-height="100">XXXXX XXXXX XXXXX</div>
|
| </div>
|
|
|