third_party/WebKit/LayoutTests/transforms/no_transform_hit_testing.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   4   <title>Testing hittest on a layer with null transform</title>
   5   <style type="text/css" media="screen">
   6     #x {
   7       position: absolute;
   8       top: 80px;
   9       left: 20px;
  10       width: 400px;
  11       height: 100px;
  12       background-color: #ddf;
  13       -webkit-perspective: 800;
  14     }
  15
  16     #x:hover {
  17       background-color: #dff;
  18     }
  19
  20     #results {
  21       position: absolute;
  22       top: 200px;
  23     }
  24   </style>
  25   <script type="text/javascript" charset="utf-8">
  26      function runTest()
  27      {
  28        var x = document.elementFromPoint(150, 150);
  29        var results = document.getElementById("results");
  30
  31        if (x.id == "x") {
  32          results.innerText = "Pass.";
  33        }
  34
  35        if (window.testRunner)
  36          testRunner.dumpAsText();
  37      }
  38
  39   </script>
  40 </head>
  41 <body onload="runTest()">
  42   <h1>Testing hittest on a layer with null transform</h1>
  43   <p>https://bugs.webkit.org/show_bug.cgi?id=24252</p>
  44
  45   <p id="x">transformed element</p><br>
  46
  47   <p id="results">Fail!</p>
  48 </body>
  49 </html>