third_party/WebKit/LayoutTests/fast/writing-mode/flipped-blocks-hit-test-overflow-scroll.html

   1 <!DOCTYPE html>
   2 <div style="-webkit-writing-mode: horizontal-bt;">
   3     <div id="scrollable" style="height: 100px; overflow: hidden;">
   4         <div style="height: 100px; width: 100px; background-color: silver;"></div>
   5         <div id="target" style="height: 100px; width: 100px; background-color: blue;"></div>
   6     </div>
   7 </div>
   8 <p id="result">
   9     FAIL: Test did not run.
  10 </p>
  11 <script>
  12     if (window.testRunner)
  13         testRunner.dumpAsText();
  14
  15     var scrollable = document.getElementById("scrollable");
  16     scrollable.scrollTop = 40;
  17     var target = document.getElementById("target");
  18     var hitContainer = document.caretRangeFromPoint(208, 58).startContainer;
  19     document.getElementById("result").innerText = hitContainer === target ? "PASS" : "FAIL";
  20 </script>