| 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-rl; columns:3; column-gap:1
0px; column-fill:auto; width:100px; height:320px;"> | 4 <div style="position:relative; writing-mode:vertical-rl; 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, 150); |
| 12 assert_equals(document.getElementById('first').offsetTop, 0); | 17 assert_equals(document.getElementById('first').offsetTop, 0); |
| 13 }, "offsetLeft and offsetTop in vertical-rl at column boundaries, first elem
ent"); | 18 }, "offsetLeft and offsetTop in vertical-rl 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, 150); |
| 17 assert_equals(document.getElementById('second').offsetTop, 110); | 22 assert_equals(document.getElementById('second').offsetTop, 110); |
| 18 }, "offsetLeft and offsetTop in vertical-rl at column boundaries, second ele
ment"); | 23 }, "offsetLeft and offsetTop in vertical-rl 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, 150); |
| 22 assert_equals(document.getElementById('third').offsetTop, 220); | 27 assert_equals(document.getElementById('third').offsetTop, 220); |
| 23 }, "offsetLeft and offsetTop in vertical-rl at column boundaries, third elem
ent"); | 28 }, "offsetLeft and offsetTop in vertical-rl 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-rl, spanner"); |
| 34 |
| 35 test(function() { |
| 36 assert_equals(document.getElementById('fifth').offsetLeft, 0); |
| 37 assert_equals(document.getElementById('fifth').offsetTop, 0); |
| 38 }, "offsetLeft and offsetTop in vertical-rl at column boundaries, fifth elem
ent"); |
| 39 |
| 40 test(function() { |
| 41 assert_equals(document.getElementById('sixth').offsetLeft, 0); |
| 42 assert_equals(document.getElementById('sixth').offsetTop, 110); |
| 43 }, "offsetLeft and offsetTop in vertical-rl at column boundaries, sixth elem
ent"); |
| 44 |
| 45 test(function() { |
| 46 assert_equals(document.getElementById('seventh').offsetLeft, 0); |
| 47 assert_equals(document.getElementById('seventh').offsetTop, 220); |
| 48 }, "offsetLeft and offsetTop in vertical-rl at column boundaries, seventh el
ement"); |
| 24 </script> | 49 </script> |
| OLD | NEW |