third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html - Issue 1841073002: [css-grid] Fix positioned children in RTL

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html

Issue 1841073002: [css-grid] Fix positioned children in RTL (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 8 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 <link href="resources/grid.css" rel="stylesheet">	3 <link href="resources/grid.css" rel="stylesheet">

4 <style>	4 <style>

5	5

6 .grid {	6 .grid {

7 grid-template-columns: 50px 100px 150px 200px;	7 grid-template-columns: 50px 100px 150px 200px;

8 grid-template-rows: 50px 100px 150px 200px;	8 grid-template-rows: 50px 100px 150px 200px;

9 width: 500px;	9 width: 500px;

10 height: 500px;	10 height: 500px;

(...skipping 278 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
289 data-offset-x="365" data-offset-y="65" data-expected-width="100" data-ex pected-height="100">	289 data-offset-x="365" data-offset-y="65" data-expected-width="100" data-ex pected-height="100">

290 </div>	290 </div>

291 <div class="sizedToGridArea absolute onlyThirdRowOnlyThirdColumnSpanning2Row s2Columns"	291 <div class="sizedToGridArea absolute onlyThirdRowOnlyThirdColumnSpanning2Row s2Columns"

292 data-offset-x="15" data-offset-y="165" data-expected-width="350" data-ex pected-height="350">	292 data-offset-x="15" data-offset-y="165" data-expected-width="350" data-ex pected-height="350">

293 </div>	293 </div>

294 <div class="sizedToGridArea absolute onlyThirdRowOnlyThirdColumnSpanning2Row s"	294 <div class="sizedToGridArea absolute onlyThirdRowOnlyThirdColumnSpanning2Row s"

295 data-offset-x="215" data-offset-y="165" data-expected-width="150" data-e xpected-height="350">	295 data-offset-x="215" data-offset-y="165" data-expected-width="150" data-e xpected-height="350">

296 </div>	296 </div>

297 </div>	297 </div>

298	298

	299 <div class="grid directionRTL">

	300 <div class="sizedToGridArea absolute autoRowAutoColumn offsetLeft25 offsetTo p75"
	svillar 2016/04/01 08:55:49 Do we need all the sizedToGridArea? Do we need all the sizedToGridArea? Manuel Rego 2016/04/01 09:17:05 Yes we need them to do the "width: 100%; height: 1 Show quoted text On 2016/04/01 08:55:49, svillar wrote: > Do we need all the sizedToGridArea? Yes we need them to do the "width: 100%; height: 100%;" which is not done by default in positioned items.
	301 data-offset-x="25" data-offset-y="75" data-expected-width="530" data-exp ected-height="530">

	302 </div>

	303 <div class="sizedToGridArea absolute firstRowFirstColumn offsetRightMinus40 offsetBottomMinus80"

	304 data-offset-x="40" data-offset-y="95" data-expected-width="515" data-exp ected-height="515">

	305 </div>

	306 <div class="sizedToGridArea absolute secondRowFirstColumn offsetRight50 offs etBottom100"

	307 data-offset-x="-50" data-offset-y="-35" data-expected-width="515" data-e xpected-height="465">

	308 </div>

	309 <div class="sizedToGridArea absolute firstRowSecondColumn offsetLeftMinus20 offsetTopMinus60"

	310 data-offset-x="-20" data-offset-y="-45" data-expected-width="465" data-e xpected-height="515">

	311 </div>

	312 <div class="sizedToGridArea absolute secondRowSecondColumn offsetRight50 off setTop75"

	313 data-offset-x="-50" data-offset-y="140" data-expected-width="465" data-e xpected-height="465">

	314 </div>

	315 <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows offset Left25 offsetBottom100"

	316 data-offset-x="25" data-offset-y="65" data-expected-width="365" data-exp ected-height="350">

	317 </div>

	318 <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows2Column s offsetLeftMinus20 offsetRight50 offsetTopMinus60 offsetBottom100"

	319 data-offset-x="-35" data-offset-y="105" data-expected-width="350" data-e xpected-height="350">

	320 </div>

	321 </div>

	322

	323 <div class="grid directionRTL">

	324 <div>

	325 <div class="sizedToGridArea absolute autoRowAutoColumn offsetLeft25 offs etTop75"

	326 data-offset-x="25" data-offset-y="75" data-expected-width="530" data -expected-height="530">

	327 </div>

	328 <div class="sizedToGridArea absolute firstRowFirstColumn offsetRightMinu s40 offsetBottomMinus80"

	329 data-offset-x="40" data-offset-y="95" data-expected-width="515" data -expected-height="515">

	330 </div>

	331 <div class="sizedToGridArea absolute secondRowFirstColumn offsetRight50 offsetBottom100"

	332 data-offset-x="-50" data-offset-y="-35" data-expected-width="515" da ta-expected-height="465">

	333 </div>

	334 <div class="sizedToGridArea absolute firstRowSecondColumn offsetLeftMinu s20 offsetTopMinus60"

	335 data-offset-x="-20" data-offset-y="-45" data-expected-width="465" da ta-expected-height="515">

	336 </div>

	337 <div class="sizedToGridArea absolute secondRowSecondColumn offsetRight50 offsetTop75"

	338 data-offset-x="-50" data-offset-y="140" data-expected-width="465" da ta-expected-height="465">

	339 </div>

	340 <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows of fsetLeft25 offsetBottom100"

	341 data-offset-x="25" data-offset-y="65" data-expected-width="365" data -expected-height="350">

	342 </div>

	343 <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows2Co lumns offsetLeftMinus20 offsetRight50 offsetTopMinus60 offsetBottom100"

	344 data-offset-x="-35" data-offset-y="105" data-expected-width="350" da ta-expected-height="350">

	345 </div>

	346 </div>

	347 </div>

	348

299 </body>	349 </body>

300 </html>	350 </html>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-background-rtl.html » ('j') | no next file with comments »