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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 div {
   6     line-height: 50px;
   7 }
   8 #outerdiv {
   9     overflow:auto;
  10     border: 2px solid #000FFF;
  11 }
  12 #innerdiv {
  13     overflow:auto;
  14     border: 2px solid #000000;
  15     width: 121%;
  16     padding: 5px;
  17 }
  18 </style>
  19 <script src="../../resources/js-test.js"></script>
  20 <script src="./resources/panScroll.js"></script>
  21 <script>
  22 function start()
  23 {
  24   outerdiv = $('outerdiv');
  25
  26   testPanScroll({
  27     'clickOrDrag': 'drag',
  28     'endX': 225,
  29     'endY': 75,
  30     'finishTest': function() {
  31       shouldNotBe('outerdiv.scrollLeft', '0');
  32       shouldBeZero('outerdiv.scrollTop');
  33     },
  34     'scrollable': outerdiv,
  35     'startX': 150,
  36     'startY': 150,
  37   });
  38 }
  39 </script>
  40 </head>
  41 <body onload="start()">
  42 <div id="outerdiv">
  43     <p>Top of outer div.</p>
  44     <div id="innerdiv">
  45         <p>Inner div.</p>
  46     </div>
  47     <p>Bottom of outer div.</p>
  48 </div>
  49 <p>Test for <a href="http://crbug.com/232965">bug 232965</a> This tests that vertical pan scrolling does not propagate from the inner div to the outer div when the outer div has no vertical overflow.</p>
  50 <div id="console"></div>
  51 </body>
  52 </html>