third_party/WebKit/LayoutTests/external/wpt/css/css-grid-1/abspos/positioned-grid-items-017-ref.html - Issue 2665133003: [css-grid] Fix behavior of positioned items without specific dimensions

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/external/wpt/css/css-grid-1/abspos/positioned-grid-items-017-ref.html

Issue 2665133003: [css-grid] Fix behavior of positioned items without specific dimensions (Closed)

Patch Set: Applied suggested changes Created 3 years, 7 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:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <meta charset="utf-8">

	3 <title>CSS Grid Layout Test: Positioned grid items reference file</title>

	4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">

	5 <style>

	6 #grid {

	7 display: grid;

	8 grid: 150px 100px / 200px 300px;

	9 margin: 1px 2px 3px 4px;

	10 padding: 20px 15px 10px 5px;

	11 border-width: 9px 3px 12px 6px;

	12 border-style: solid;

	13 width: 550px;

	14 height: 400px;

	15 }

	16

	17 #grid > div {

	18 margin-left: 10px;

	19 margin-right: 5px;

	20 margin-top: 15px;

	21 margin-bottom: 20px;

	22 }

	23

	24 #firstItem {

	25 background: magenta;

	26 }

	27

	28 #secondItem {

	29 background: cyan;

	30 }

	31

	32 #thirdItem {

	33 background: yellow;

	34 }

	35

	36 #fourthItem {

	37 background: lime;

	38 }

	39 </style>

	40

	41 <p>The test passes if it has the same output than the reference.</p>

	42

	43 <div id="grid">

	44 <div id="firstItem">First item</div>

	45 <div id="secondItem">Second item</div>

	46 <div id="thirdItem">Third item</div>

	47 <div id="fourthItem">Fourth item</div>

	48 </div>

OLD	NEW