LayoutTests/fast/css-grid-layout/grid-align-justify-overflow.html - Issue 920413002: [CSS Grid Layout] Support "sparse" in auto-placed items locked to a row/column

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-align-justify-overflow.html

Issue 920413002: [CSS Grid Layout] Support "sparse" in auto-placed items locked to a row/column (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 5 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <link href="resources/grid.css" rel="stylesheet">	4 <link href="resources/grid.css" rel="stylesheet">

5 <script src="../../resources/check-layout.js"></script>	5 <script src="../../resources/check-layout.js"></script>

6 <style>	6 <style>

7 body {	7 body {

8 margin: 0;	8 margin: 0;

9 }	9 }

10	10

(...skipping 105 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
116	116

117 .justifySelfEnd {	117 .justifySelfEnd {

118 justify-self: end;	118 justify-self: end;

119 }	119 }

120	120

121 .thirdRowFirstColumn {	121 .thirdRowFirstColumn {

122 background-color: green;	122 background-color: green;

123 grid-column: 1;	123 grid-column: 1;

124 grid-row: 3;	124 grid-row: 3;

125 }	125 }

126

127 .thirdRowSecondColumn {

128 background-color: red;

129 grid-column: 2;

130 grid-row: 3;

131 }

132 </style>	126 </style>

133 </head>	127 </head>

134 <body onload="checkLayout('.grid')">	128 <body onload="checkLayout('.grid')">

135	129

136 <p>This test checks that the 'overflow' keyword is applied correctly for 'align' and 'justify' properties.</p>	130 <p>This test checks that the 'overflow' keyword is applied correctly for 'align' and 'justify' properties.</p>

137	131

138 <div style="position: relative">	132 <div style="position: relative">

139 <div class="grid alignItemsCenter justifyItemsCenter" data-expected-width="3 00" data-expected-height="360">	133 <div class="grid alignItemsCenter justifyItemsCenter" data-expected-width="3 00" data-expected-height="360">

140 <div class="cellOverflowWidth firstRowFirstColumn" data-offset-x="-15" data-offset-y="40" data-expected-width="180" data-expected-height="40"></div>	134 <div class="cellOverflowWidth firstRowFirstColumn" data-offset-x="-15" data-offset-y="40" data-expected-width="180" data-expected-height="40"></div>

141 <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>	135 <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>

(...skipping 76 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
218 <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="100" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>	212 <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="100" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>

219 <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>	213 <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>

220 <div class="cellWithNoOverflow firstRowSecondColumn alignSelfCenterTrue" data-offset-x="250" data-offset-y="40" data-expected-width="50" data-expected-h eight="40"></div>	214 <div class="cellWithNoOverflow firstRowSecondColumn alignSelfCenterTrue" data-offset-x="250" data-offset-y="40" data-expected-width="50" data-expected-h eight="40"></div>

221 <div class="cellOverflowHeight secondRowSecondColumn" data-offset-x="250 " data-offset-y="120" data-expected-width="50" data-expected-height="150"></div>	215 <div class="cellOverflowHeight secondRowSecondColumn" data-offset-x="250 " data-offset-y="120" data-expected-width="50" data-expected-height="150"></div>

222 <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="250" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>	216 <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="250" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>

223 </div>	217 </div>

224 </div>	218 </div>

225	219

226 </body>	220 </body>

227 </html>	221 </html>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/fast/css-grid-layout/grid-item-auto-placement-definite-span.html » ('j') | Source/core/rendering/RenderGrid.cpp » ('J')