| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style type="text/css"> | 3 <style type="text/css"> |
| 4 #scrollable { | 4 #scrollable { |
| 5 height: 200px; | 5 height: 200px; |
| 6 overflow: auto; | 6 overflow: auto; |
| 7 border: solid 3px #cc0000; | 7 border: solid 3px #cc0000; |
| 8 font-size: 80px; | 8 font-size: 80px; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| 11 <script src="../../resources/js-test.js"></script> | 11 <script src="../../resources/js-test.js"></script> |
| 12 <script src="./resources/panScroll.js"></script> | 12 <script src="./resources/middleClickAutoscroll.js"></script> |
| 13 <script> | 13 <script> |
| 14 window.addEventListener('mousedown', function(event) { | 14 window.addEventListener('mousedown', function(event) { |
| 15 }); | 15 }); |
| 16 | 16 |
| 17 function start() | 17 function start() |
| 18 { | 18 { |
| 19 description('Check pan scroll with mousedown event handler'); | 19 description('Check pan scroll with mousedown event handler'); |
| 20 testPanScroll({ | 20 testPanScroll({ |
| 21 'clickOrDrag': 'drag', | 21 'clickOrDrag': 'drag', |
| 22 'scrollable': $('scrollable'), | 22 'scrollable': $('scrollable'), |
| 23 }); | 23 }); |
| 24 } | 24 } |
| 25 </script> | 25 </script> |
| 26 </head> | 26 </head> |
| 27 <body onload="start()"> | 27 <body onload="start()"> |
| 28 <div id="container"> | 28 <div id="container"> |
| 29 <p id="description"></p> | 29 <p id="description"></p> |
| 30 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=32303">bug 32303</a> T
his tests that pan | 30 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=32303">bug 32303</a> T
his tests that pan |
| 31 scrolling works without event.preventDefault and the middle button mousedown eve
nt is fired. | 31 scrolling works without event.preventDefault and the middle button mousedown eve
nt is fired. |
| 32 To test manually, try to pan scroll inside this div. | 32 To test manually, try to pan scroll inside this div. |
| 33 <div id="scrollable"></div> | 33 <div id="scrollable"></div> |
| 34 </div> | 34 </div> |
| 35 <div id="console"></div> | 35 <div id="console"></div> |
| 36 </body> | 36 </body> |
| 37 </html> | 37 </html> |
| OLD | NEW |