| 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 function start() |  14 function start() | 
|  15 { |  15 { | 
|  16     description('Check pan scroll by drag mouse'); |  16     description('Check pan scroll by drag mouse'); | 
|  17     testPanScroll({ |  17     testPanScroll({ | 
|  18         'clickOrDrag': 'drag', |  18         'clickOrDrag': 'drag', | 
|  19         'scrollable': $('scrollable'), |  19         'scrollable': $('scrollable'), | 
|  20     }); |  20     }); | 
|  21 } |  21 } | 
|  22 </script> |  22 </script> | 
|  23 </head> |  23 </head> | 
|  24 <body onload="start()"> |  24 <body onload="start()"> | 
|  25 <div id="container"> |  25 <div id="container"> | 
|  26 <p id="description"></p> |  26 <p id="description"></p> | 
|  27 For manual testing, hold middle button in scrollable and move aroudn mouse point
    er for scrolling, then release middle button to stop scrolling. |  27 For manual testing, hold middle button in scrollable and move aroudn mouse point
    er for scrolling, then release middle button to stop scrolling. | 
|  28 <div id="scrollable"></div> |  28 <div id="scrollable"></div> | 
|  29 </div> |  29 </div> | 
|  30 <div id="console"></div> |  30 <div id="console"></div> | 
|  31 </body> |  31 </body> | 
|  32 </html> |  32 </html> | 
| OLD | NEW |