| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="../../resources/gesture-util.js"></script> |
| <script src="../../resources/compositor-controls.js"></script> |
| <script src="./resources/middleClickAutoscroll.js"></script> |
| <style type="text/css"> |
| #scrollable { |
| width:500px; |
| height:300px; |
| overflow:auto; |
| border:2px solid red; |
| padding:10px; |
| } |
| </style> |
| <script> |
| function start() { |
| testSetUp({ |
| 'clickOrDrag': 'click', |
| 'scrollable': $('scrollable'), |
| }); |
| } |
| </script> |
| |
| <body onload="start()"> |
| <div id="container"> |
| <p id="description"></p> |
| Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=28023">bug 28023</a> This tests that pan scrolling |
| propagates correctly up the DOM tree. On success, our scroll offset should be non-zero. |
| <div id="scrollable"> |
| <div style="height:200px; position:relative;"> |
| <div style="height:150px; border:1px blue solid; overflow:auto;"> |
| Panscrolling starting in the blue box should scroll the outer div. |
| </div> |
| Panscrolling outside the blue boxes should scroll the outer div. |
| </div> |
| <div style="height:200px; position:relative;"> |
| <div style="height:150px; border:1px blue solid; overflow:auto;"> |
| Panscrolling starting in the blue box should scroll the outer div. |
| </div> |
| </div> |
| </div> |
| </div> |
| </body> |