third_party/WebKit/LayoutTests/fast/events/touch/resources/compositor-touch-hit-rects-iframe-fixed.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 #fixed {
  14   position: fixed;
  15   top: 4px;
  16   left: 16px;
  17 }
  18 .spacer {
  19   height: 500px;
  20 }
  21
  22 </style>
  23 </head>
  24 <body id='tests'>
  25   <br><br>
  26   <div id='fixed' class='testcase'>
  27     Fixed-position div inside iframe
  28   </div>
  29   <div class='spacer'></div>
  30   <script>
  31   if (window.testRunner)
  32       document.documentElement.setAttribute('dumpRenderTree', 'true');
  33
  34   function handler() {};
  35   frameElement.addHandlers = function() {
  36     document.getElementById('fixed').addEventListener('touchstart', handler, false);
  37   }
  38   frameElement.removeHandlers = function() {
  39     document.getElementById('fixed').removeEventListener('touchstart', handler, false);
  40   }
  41   // Scrolling shouldn't affect the fixed-position div
  42   document.scrollingElement.scrollTop = 105;
  43   </script>
  44 </body>
  45 </html>