tizen beta release
[framework/web/webkit-efl.git] / LayoutTests / fast / writing-mode / flipped-blocks-hit-test-overflow.html
1 <style>
2     #target { background-color: red; }
3     #target:hover { background-color: green; }
4 </style>
5 <div style="margin: 100px 0 0 92px; -webkit-writing-mode: horizontal-bt; height: 100px; width: 100px;">
6     <div style="height: 100px;"></div>
7     <div id="target" style="height: 50px;"></div>
8 </div>
9 <p>
10     This tests hit-testing in the overflow area of flipped-blocks writing mode
11     blocks.
12 </p>
13 <p>
14     The red rectangle should turn green when you hover over it.
15 </p>
16 <p id="result">
17 </p>
18 <script>
19     var target = document.getElementById("target");
20     var result = document.elementFromPoint(150, 75);
21     if (window.layoutTestController)
22         layoutTestController.dumpAsText();
23
24     document.getElementById("result").innerText = result === target ? "PASS" : "FAIL";
25 </script>