third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line.html - Issue 1375173002: [css-grid] Unknown named grid lines on absolutely positioned items

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line.html

Issue 1375173002: [css-grid] Unknown named grid lines on absolutely positioned items (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 5 years, 2 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

« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

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

	4 <style>

	5

	6 .grid {

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

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

	9 width: 500px;

	10 height: 300px;

	11 border: 5px solid black;

	12 margin: 30px;

	13 padding: 15px;

	14 /* Ensures that the grid container is the containing block of the absolutely positioned grid children. */

	15 position: relative;

	16 }

	17

	18 .absolute {

	19 position: absolute;

	20 }

	21

	22 .startUnknownLine {

	23 background-color: blue;

	24 grid-column: foo / 3;

	25 grid-row: bar / 3;

	26 }

	27

	28 .endUnknownLine {

	29 background-color: orange;

	30 grid-column: 1 / foo;

	31 grid-row: 1 / bar;

	32 }

	33

	34 .startAndEndUnknownLines {

	35 background-color: green;

	36 grid-column: foo / bar;

	37 grid-row: foo / bar;

	38 }

	39

	40 </style>

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

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

	43

	44 <p>This test checks that grid placement properties of absolutely positioned item s using unknown named grid lines are treated as "auto".</p>

	45

	46 <div class="grid">

	47 <div class="absolute sizedToGridArea startAndEndUnknownLines"

	48 data-offset-x="15" data-offset-y="15" data-expected-width="530" data-exp ected-height="330">

	49 </div>

	50 <div class="absolute sizedToGridArea endUnknownLine"

	51 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp ected-height="315">

	52 </div>

	53 <div class="absolute sizedToGridArea startUnknownLine"

	54 data-offset-x="15" data-offset-y="15" data-expected-width="315" data-exp ected-height="215">

	55 </div>

	56 </div>

	57

	58 </body>

OLD	NEW