third_party/WebKit/LayoutTests/fast/events/panScroll-nested-divs.html

   1 <html>
   2 <head>
   3 <style type="text/css">
   4 #scrollable {
   5     width:500px;
   6     height:300px;
   7     overflow:auto;
   8     border:2px solid red;
   9     padding:10px";
  10 }
  11 </style>
  12 <script src="../../resources/js-test.js"></script>
  13 <script src="./resources/panScroll.js"></script>
  14 <script>
  15 function start()
  16 {
  17     description('Check pan scroll in nested divs');
  18     testPanScroll({
  19         'clickOrDrag': 'click',
  20         'scrollable': $('scrollable'),
  21     });
  22 }
  23 </script>
  24 </head>
  25 <body onload="start()">
  26 <div id="container">
  27 <p id="description"></p>
  28 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=28023">bug 28023</a> This tests that pan scrolling
  29 propogates correctly up the DOM tree. On success, our scroll offset should be non-zero.
  30 <div id="scrollable">
  31     <div style="height:200px; position:relative;">
  32         <div style="height:150px; border:1px blue solid; overflow:auto;">
  33             Panscrolling starting in the blue box should scroll the outer div.
  34         </div>
  35         Panscrolling outside the blue boxes should scroll the outer div.
  36     </div>
  37     <div style="height:200px; position:relative;">
  38         <div style="height:150px; border:1px blue solid; overflow:auto;">
  39             Panscrolling starting in the blue box should scroll the outer div.
  40         </div>
  41     </div>
  42 </div>
  43 </div>
  44 <div id="console"></div>
  45 </body>
  46 </html>