third_party/WebKit/LayoutTests/fast/events/touch/resources/compositor-touch-hit-rects-iframe.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link rel="stylesheet" href="compositor-touch-hit-rects.css">
   5 <style>
   6 html {
   7   font-size: 10px;
   8 }
   9 .testcase, .testcase * {
  10   border: 1px solid red;
  11   padding: 5px;
  12 }
  13
  14 </style>
  15 </head>
  16 <body id='tests'>
  17   <br><br>
  18   <div id='child' class='testcase'>
  19     Div inside iframe
  20   </div>
  21   <br><br><br>
  22   <script>
  23   if (window.testRunner)
  24       document.documentElement.setAttribute('dumpRenderTree', 'true');
  25
  26   function handler() {};
  27   frameElement.addHandlers = function() {
  28     document.getElementById('child').addEventListener('touchstart', handler, false);
  29   }
  30   frameElement.removeHandlers = function() {
  31     document.getElementById('child').removeEventListener('touchstart', handler, false);
  32   }
  33   // Scroll so the div is just slighly clipped.
  34   document.scrollingElement.scrollTop = 40;
  35   </script>
  36 </body>
  37 </html>