third_party/WebKit/LayoutTests/fast/multicol/hit-test-translate-z.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4     body { margin:0; }
   5     #target { transform:translateZ(0); background:yellow; }
   6     #target:hover { background:green; }
   7 </style>
   8
   9 <div id="mc" style="-webkit-columns:2; -webkit-column-gap:0; column-fill:auto; width:400px; height:200px;">
  10     <div style="height:220px;"></div>
  11     <div id="target" style="width:100px; height:100px;"></div>
  12 </div>
  13
  14 <div id="result"></div>
  15
  16 <script>
  17     if (window.testRunner)
  18         testRunner.dumpAsText();
  19
  20     var result = document.getElementById("result");
  21     var hitElement = document.elementFromPoint(250, 50);
  22     if (hitElement === document.getElementById("target"))
  23         result.innerText = "PASS";
  24     else
  25         result.innerText = "FAIL: Hit " + hitElement;
  26 </script>