src/third_party/WebKit/LayoutTests/fast/regions/hit-test-abspos-overflow-region.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             #region { -webkit-flow-from: flow; position: absolute; top: 120px; left: 120px; width: 50px; height: 50px; border: 50px solid blue; background-color: salmon; overflow: hidden; }
   6             #region:hover { border: 50px solid green; }
   7         </style>
   8     </head>
   9     <body>
  10         <p>Test that hit-testing of out-of-flow regions with overflow: hidden works properly</p>
  11         <p>To manually test, move the mouse over the blue border. It should change its color to green.</p>
  12         <div id="result"></div>
  13         <div id="region"></div>
  14         <script>
  15             if (window.testRunner)
  16                 window.testRunner.dumpAsText();
  17             var result = document.getElementById("result");
  18
  19             // Find a point inside the region's border.
  20             var hitElement = document.elementFromPoint(150, 150);
  21             if (hitElement == document.getElementById("region"))
  22                 result.innerText = "PASS";
  23             else
  24                 result.innerText = "FAIL: hit " + hitElement;
  25         </script>
  26     </body>
  27 </html>