blob: 817878fa09d7d9fa7c964c4245b856b32b8585fc (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<div id="test-1" style="width: 200px; outline: dashed lightblue;">
<div style="height: 10px; background-color: silver;"></div>
<div style="width: 200px; height: 10px; background-color: silver; -webkit-writing-mode: vertical-lr;"></div>
<div class="target" style="margin-top: 40px; height: 20px; background-color: silver;"></div>
</div>
<br>
<div id="test-2" style="height: 200px; outline: dashed lightblue; -webkit-writing-mode: vertical-lr;">
<div style="width: 10px; background-color: silver;"></div>
<div class="target" style="margin-left: 40px; width: 10px; background-color: silver;"></div>
<div style="width: 20px; background-color: silver;"></div>
</div>
<pre id="console"></pre>
<script>
if (window.testRunner)
testRunner.dumpAsText();
function log(message)
{
document.getElementById("console").appendChild(document.createTextNode(message + "\n"));
}
function test(index, x, y)
{
var container = document.getElementById("test-" + index);
var range = document.caretRangeFromPoint(container.offsetLeft + x, container.offsetTop + y);
log("Test " + index + " result: "
+ (range.startContainer.className === "target" ? "PASS" : "FAIL"));
}
test(1, 20, 50);
test(2, 20, 180);
</script>
|
