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

Side by Side Diff: LayoutTests/fast/css-grid-layout/absolutely-positioned-items-should-not-take-up-space.html

Issue 637033003: [CSS Grid Layout] Fix positioned grid children position and size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove FIXME Created 6 years, 1 month 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <link href="resources/grid.css" rel="stylesheet">
4 <style>
5
6 .grid {
7 grid-template-columns: 50px 100px;
8 grid-template-rows: 50px 100px;
9 width: 150px;
10 height: 150px;
11 /* Ensures that the grid container is the contaning block of the grid childr en. */
12 position: relative;
13 }
14
15 .absolute {
16 position: absolute;
17 }
18
19 .offsetLeft100 {
20 left: 100px;
21 }
22
23 </style>
24 <script src="../../resources/check-layout.js"></script>
25 <body onload="checkLayout('.grid')">
26
27 <p>This test checks that absolutely positioned items that shouldn't take up spac e or otherwise participate in the layout of the grid.</p>
28
29 <div class="grid">
30 <div class="sizedToGridArea absolute autoRowAutoColumn"
31 data-offset-x="0" data-offset-y="0" data-expected-width="150" data-expec ted-height="150">
32 </div>
33 <div class="sizedToGridArea autoRowAutoColumn"
34 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expect ed-height="50">
35 </div>
36 </div>
37
38 <div class="grid">
39 <div class="sizedToGridArea absolute autoRowAutoColumn offsetLeft100"
40 data-offset-x="100" data-offset-y="0" data-expected-width="150" data-exp ected-height="150">
41 </div>
42 <div class="sizedToGridArea autoRowAutoColumn"
43 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expect ed-height="50">
44 </div>
45 </div>
46
47 <div class="grid">
48 <div class="sizedToGridArea autoRowAutoColumn"
49 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expect ed-height="50">
50 </div>
51 <div class="sizedToGridArea absolute autoRowAutoColumn"
52 data-offset-x="0" data-offset-y="0" data-expected-width="150" data-expec ted-height="150">
53 </div>
54 <div class="sizedToGridArea autoRowAutoColumn"
55 data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expe cted-height="50">
56 </div>
57 </div>
58
59 <div class="grid">
60 <div class="sizedToGridArea autoRowAutoColumn"
61 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expect ed-height="50">
62 </div>
63 <div class="sizedToGridArea absolute autoRowAutoColumn offsetLeft100"
64 data-offset-x="100" data-offset-y="0" data-expected-width="150" data-exp ected-height="150">
65 </div>
66 <div class="sizedToGridArea autoRowAutoColumn"
67 data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expe cted-height="50">
68 </div>
69 </div>
70
71 <div class="grid">
72 <div class="sizedToGridArea autoRowAutoColumn"
73 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expect ed-height="50">
74 </div>
75 <div class="sizedToGridArea autoRowAutoColumn"
76 data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expe cted-height="50">
77 <div class="sizedToGridArea absolute autoRowAutoColumn"
78 data-offset-x="50" data-offset-y="0" data-expected-width="150" data- expected-height="150">
79 </div>
80 </div>
81 <div class="sizedToGridArea autoRowAutoColumn"
82 data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expec ted-height="100">
83 </div>
84 </div>
85
86 <div class="grid">
87 <div class="sizedToGridArea autoRowAutoColumn"
88 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expect ed-height="50">
89 </div>
90 <div class="sizedToGridArea autoRowAutoColumn"
91 data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expe cted-height="50">
92 <div class="sizedToGridArea absolute autoRowAutoColumn offsetLeft100"
93 data-offset-x="100" data-offset-y="0" data-expected-width="150" data -expected-height="150">
94 </div>
95 </div>
96 <div class="sizedToGridArea autoRowAutoColumn"
97 data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expec ted-height="100">
98 </div>
99 </div>
100
101 </body>
102 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698