OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../../resources/testharness.js"></script> | 2 <script src="../../../resources/testharness.js"></script> |
3 <script src="../../../resources/testharnessreport.js"></script> | 3 <script src="../../../resources/testharnessreport.js"></script> |
4 <div style="position:relative; writing-mode:vertical-lr; columns:3; column-gap:1
0px; column-fill:auto; width:100px; height:320px;"> | 4 <div style="position:relative; writing-mode:vertical-lr; columns:3; column-gap:1
0px; height:320px;"> |
5 <div id="first" style="width:100px;"></div> | 5 <div id="first" style="width:100px;"></div> |
6 <div id="second" style="width:100px;"></div> | 6 <div id="second" style="width:100px;"></div> |
7 <div id="third" style="width:100px;"></div> | 7 <div id="third" style="width:100px;"></div> |
| 8 <div id="spanner" style="column-span:all; width:50px;"></div> |
| 9 <div id="fifth" style="width:100px;"></div> |
| 10 <div id="sixth" style="width:100px;"></div> |
| 11 <div id="seventh" style="width:100px;"></div> |
8 </div> | 12 </div> |
| 13 |
9 <script> | 14 <script> |
10 test(function() { | 15 test(function() { |
11 assert_equals(document.getElementById('first').offsetLeft, 0); | 16 assert_equals(document.getElementById('first').offsetLeft, 0); |
12 assert_equals(document.getElementById('first').offsetTop, 0); | 17 assert_equals(document.getElementById('first').offsetTop, 0); |
13 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, first elem
ent"); | 18 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, first elem
ent"); |
14 | 19 |
15 test(function() { | 20 test(function() { |
16 assert_equals(document.getElementById('second').offsetLeft, 0); | 21 assert_equals(document.getElementById('second').offsetLeft, 0); |
17 assert_equals(document.getElementById('second').offsetTop, 110); | 22 assert_equals(document.getElementById('second').offsetTop, 110); |
18 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, second ele
ment"); | 23 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, second ele
ment"); |
19 | 24 |
20 test(function() { | 25 test(function() { |
21 assert_equals(document.getElementById('third').offsetLeft, 0); | 26 assert_equals(document.getElementById('third').offsetLeft, 0); |
22 assert_equals(document.getElementById('third').offsetTop, 220); | 27 assert_equals(document.getElementById('third').offsetTop, 220); |
23 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, third elem
ent"); | 28 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, third elem
ent"); |
| 29 |
| 30 test(function() { |
| 31 assert_equals(document.getElementById('spanner').offsetLeft, 100); |
| 32 assert_equals(document.getElementById('spanner').offsetTop, 0); |
| 33 }, "offsetLeft and offsetTop in vertical-lr, spanner"); |
| 34 |
| 35 test(function() { |
| 36 assert_equals(document.getElementById('fifth').offsetLeft, 150); |
| 37 assert_equals(document.getElementById('fifth').offsetTop, 0); |
| 38 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, fifth elem
ent"); |
| 39 |
| 40 test(function() { |
| 41 assert_equals(document.getElementById('sixth').offsetLeft, 150); |
| 42 assert_equals(document.getElementById('sixth').offsetTop, 110); |
| 43 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, sixth elem
ent"); |
| 44 |
| 45 test(function() { |
| 46 assert_equals(document.getElementById('seventh').offsetLeft, 150); |
| 47 assert_equals(document.getElementById('seventh').offsetTop, 220); |
| 48 }, "offsetLeft and offsetTop in vertical-lr at column boundaries, seventh el
ement"); |
24 </script> | 49 </script> |
OLD | NEW |