OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <link href="resources/grid.css" rel="stylesheet"> | 2 <link href="resources/grid.css" rel="stylesheet"> |
3 <style> | 3 <style> |
4 | 4 |
5 .grid { | 5 .grid { |
6 grid-template-columns: 100px 200px; | 6 grid-template-columns: 100px 200px; |
7 grid-template-rows: 50px 150px; | 7 grid-template-rows: 50px 150px; |
8 width: 500px; | 8 width: 500px; |
9 height: 300px; | 9 height: 300px; |
10 border: 5px solid black; | 10 border: 5px solid black; |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
46 <script src="../../resources/testharness.js"></script> | 46 <script src="../../resources/testharness.js"></script> |
47 <script src="../../resources/testharnessreport.js"></script> | 47 <script src="../../resources/testharnessreport.js"></script> |
48 <script src="../../resources/check-layout-th.js"></script> | 48 <script src="../../resources/check-layout-th.js"></script> |
49 <body onload="checkLayout('.grid')"> | 49 <body onload="checkLayout('.grid')"> |
50 <div id="log"></div> | 50 <div id="log"></div> |
51 | 51 |
52 <p>This test checks that grid placement properties of absolutely positioned item
s using implicit grid lines are treated as "auto".</p> | 52 <p>This test checks that grid placement properties of absolutely positioned item
s using implicit grid lines are treated as "auto".</p> |
53 | 53 |
54 <div class="grid"> | 54 <div class="grid"> |
55 <div class="absolute sizedToGridArea startImplicitLine" | 55 <div class="absolute sizedToGridArea startImplicitLine" |
56 data-offset-x="15" data-offset-y="15" data-expected-width="530" data-exp
ected-height="330"> | 56 data-offset-x="0" data-offset-y="0" data-expected-width="530" data-expec
ted-height="330"> |
57 </div> | 57 </div> |
58 <div class="absolute sizedToGridArea endImplicitLine" | 58 <div class="absolute sizedToGridArea endImplicitLine" |
59 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp
ected-height="315"> | 59 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp
ected-height="315"> |
60 </div> | 60 </div> |
61 </div> | 61 </div> |
62 | 62 |
63 <div class="grid"> | 63 <div class="grid"> |
64 <div class="absolute sizedToGridArea startImplicitLineSpan" | 64 <div class="absolute sizedToGridArea startImplicitLineSpan" |
65 data-offset-x="15" data-offset-y="15" data-expected-width="530" data-exp
ected-height="330"> | 65 data-offset-x="0" data-offset-y="0" data-expected-width="530" data-expec
ted-height="330"> |
66 </div> | 66 </div> |
67 <div class="absolute sizedToGridArea endImplicitLineSpan" | 67 <div class="absolute sizedToGridArea endImplicitLineSpan" |
68 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp
ected-height="315"> | 68 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp
ected-height="315"> |
69 </div> | 69 </div> |
70 </div> | 70 </div> |
71 | 71 |
72 <div class="grid directionRTL"> | 72 <div class="grid directionRTL"> |
73 <div class="absolute sizedToGridArea startImplicitLine" | 73 <div class="absolute sizedToGridArea startImplicitLine" |
74 data-offset-x="-15" data-offset-y="15" data-expected-width="530" data-ex
pected-height="330"> | 74 data-offset-x="0" data-offset-y="0" data-expected-width="530" data-expec
ted-height="330"> |
75 </div> | 75 </div> |
76 <div class="absolute sizedToGridArea endImplicitLine" | 76 <div class="absolute sizedToGridArea endImplicitLine" |
77 data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expe
cted-height="315"> | 77 data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expe
cted-height="315"> |
78 </div> | 78 </div> |
79 </div> | 79 </div> |
80 | 80 |
81 <div class="grid directionRTL"> | 81 <div class="grid directionRTL"> |
82 <div class="absolute sizedToGridArea startImplicitLineSpan" | 82 <div class="absolute sizedToGridArea startImplicitLineSpan" |
83 data-offset-x="-15" data-offset-y="15" data-expected-width="530" data-ex
pected-height="330"> | 83 data-offset-x="0" data-offset-y="0" data-expected-width="530" data-expec
ted-height="330"> |
84 </div> | 84 </div> |
85 <div class="absolute sizedToGridArea endImplicitLineSpan" | 85 <div class="absolute sizedToGridArea endImplicitLineSpan" |
86 data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expe
cted-height="315"> | 86 data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expe
cted-height="315"> |
87 </div> | 87 </div> |
88 </div> | 88 </div> |
89 | 89 |
90 </body> | 90 </body> |
OLD | NEW |