Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(6)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/positioned-grid-items-sizing-expected.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:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/positioned-grid-items-sizing.html ('k') | third_party/WebKit/Source/core/layout/LayoutBox.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <link href="resources/grid.css" rel="stylesheet">
3 <style>
4
5 .grid {
6 grid: 25px 50px / 100px 60px;
7 margin: 1px 2px 3px 4px;
8 padding: 6px 3px 9px 12px;
9 border: solid;
10 border-width: 8px 2px 4px 6px;
11 font: 10px/1 Ahem;
12 float: left;
13 inline-size: 200px;
14 block-size: 100px;
15 justify-items: start;
16 align-items: start;
17 }
18
19 </style>
20
21 <p>This test checks that the sizing of positioned grid items without specific di mensions or offsets is equivalent to the size of regular items.</p>
22 <p>The test passes if it has the same output than the reference.</p>
23
24 <div class="grid">
25 <div class="onlyFirstRowOnlyFirstColumn">XXX XX X XX XXX</div>
26 <div class="onlyFirstRowOnlySecondColumn">XXX XX X XX XXX</div>
27 <div class="onlySecondRowOnlyFirstColumn">XXX XX X XX XXX</div>
28 <div class="onlySecondRowOnlySecondColumn">XXX XX X XX XXX</div>
29 </div>
30
31 <div class="grid directionRTL">
32 <div class="onlyFirstRowOnlyFirstColumn">XXX XX X XX XXX</div>
33 <div class="onlyFirstRowOnlySecondColumn">XXX XX X XX XXX</div>
34 <div class="onlySecondRowOnlyFirstColumn">XXX XX X XX XXX</div>
35 <div class="onlySecondRowOnlySecondColumn">XXX XX X XX XXX</div>
36 </div>
37
38 <div class="grid verticalLR">
39 <div class="onlyFirstRowOnlyFirstColumn">XXX XX X XX XXX</div>
40 <div class="onlyFirstRowOnlySecondColumn">XXX XX X XX XXX</div>
41 <div class="onlySecondRowOnlyFirstColumn">XXX XX X XX XXX</div>
42 <div class="onlySecondRowOnlySecondColumn">XXX XX X XX XXX</div>
43 </div>
44
45 <div class="grid verticalLR directionRTL">
46 <div class="onlyFirstRowOnlyFirstColumn">XXX XX X XX XXX</div>
47 <div class="onlyFirstRowOnlySecondColumn">XXX XX X XX XXX</div>
48 <div class="onlySecondRowOnlyFirstColumn">XXX XX X XX XXX</div>
49 <div class="onlySecondRowOnlySecondColumn">XXX XX X XX XXX</div>
50 </div>
51
52 <div class="grid verticalRL">
53 <div class="onlyFirstRowOnlyFirstColumn">XXX XX X XX XXX</div>
54 <div class="onlyFirstRowOnlySecondColumn">XXX XX X XX XXX</div>
55 <div class="onlySecondRowOnlyFirstColumn">XXX XX X XX XXX</div>
56 <div class="onlySecondRowOnlySecondColumn">XXX XX X XX XXX</div>
57 </div>
58
59 <div class="grid verticalRL directionRTL">
60 <div class="onlyFirstRowOnlyFirstColumn">XXX XX X XX XXX</div>
61 <div class="onlyFirstRowOnlySecondColumn">XXX XX X XX XXX</div>
62 <div class="onlySecondRowOnlyFirstColumn">XXX XX X XX XXX</div>
63 <div class="onlySecondRowOnlySecondColumn">XXX XX X XX XXX</div>
64 </div>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/positioned-grid-items-sizing.html ('k') | third_party/WebKit/Source/core/layout/LayoutBox.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698