| OLD | NEW |
| 1 <meta name=viewport content="width=device-width"> | 1 <meta name=viewport content="width=device-width"> |
| 2 <div style="border: solid; -webkit-writing-mode: horizontal-bt; -webkit-logical-
width: 200px; -webkit-logical-height: 400px; | 2 <div style="border: solid; writing-mode: vertical-rl; -webkit-logical-width: 200
px; -webkit-logical-height: 400px; |
| 3 font-size: 36px; line-height: 2; | 3 font-size: 36px; line-height: 2; |
| 4 "> | 4 "> |
| 5 Lorem ipsum dolor <span id="target">sit</span> amet consectetur adipiscing e
lit. | 5 Lorem ipsum dolor <span id="target">sit</span> amet consectetur adipiscing e
lit. |
| 6 </div> | 6 </div> |
| 7 <p id="result"> | 7 <p id="result"> |
| 8 FAIL: Test did not run. | 8 FAIL: Test did not run. |
| 9 </p> | 9 </p> |
| 10 <script> | 10 <script> |
| 11 if (window.testRunner) { | 11 if (window.testRunner) { |
| 12 testRunner.dumpAsText(); | 12 testRunner.dumpAsText(); |
| 13 } | 13 } |
| 14 var target = document.getElementById("target"); | 14 var target = document.getElementById("target"); |
| 15 var range = document.createRange(); | 15 var range = document.createRange(); |
| 16 range.selectNode(target.firstChild); | 16 range.selectNode(target.firstChild); |
| 17 var textTop = range.getClientRects()[0].top; | 17 var textTop = range.getClientRects()[0].right; |
| 18 range.selectNode(target); | 18 range.selectNode(target); |
| 19 var spanTop = range.getClientRects()[0].top; | 19 var spanTop = range.getClientRects()[0].right; |
| 20 if (spanTop === textTop) | 20 if (spanTop === textTop) |
| 21 result.innerText = "PASS"; | 21 result.innerText = "PASS"; |
| 22 else | 22 else |
| 23 result.innerText = "FAIL: Text top was " + textTop + " but expected " +
spanTop + "."; | 23 result.innerText = "FAIL: Text top was " + textTop + " but expected " +
spanTop + "."; |
| 24 </script> | 24 </script> |
| OLD | NEW |