| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style type="text/css"> | 3 <style type="text/css"> |
| 4 #draggable { | 4 #draggable { |
| 5 padding: 5pt; | 5 padding: 5pt; |
| 6 border: 3px solid #00cc00; | 6 border: 3px solid #00cc00; |
| 7 background: #00cccc; | 7 background: #00cccc; |
| 8 width: 80px; | 8 width: 80px; |
| 9 cursor: hand; | 9 cursor: hand; |
| 10 } | 10 } |
| 11 </style> | 11 </style> |
| 12 <script src="drag-and-drop-autoscroll-frame.js"></script> | 12 <script src="drag-and-drop-autoscroll-frame.js"></script> |
| 13 </head> | 13 </head> |
| 14 <body> | 14 <body> |
| 15 <div id="container"> | 15 <div id="container"> |
| 16 <p id="description"></p> | 16 <p id="description"></p> |
| 17 Manual steps: | 17 Manual steps: |
| 18 <ol> | 18 <ol> |
| 19 <li>Drag "Drop Me" to edge of window</li> | 19 <li>Drag "Drop Me" to edge of window</li> |
| 20 <li>You should see scrolling</li> | 20 <li>You should see scrolling</li> |
| 21 </ol> | 21 </ol> |
| 22 <div id="draggable" draggable="true">Drop Me</div> | 22 <div id="draggable" draggable="true">Drop Me</div> |
| 23 <div id="scrollbars" style="overflow: scroll"><div>scrollbars</div></div> | 23 <div id="scrollbars" style="overflow: scroll"><div>scrollbars</div></div> |
| 24 <table id="sample" border="1" style="width:2000; height:2000;"> | 24 <table id="sample" border="1" style="width:2000; height:2000;"> |
| 25 <tr><td width="50%">North West</td><td width="50%">North East</td></tr> | 25 <tr><td width="50%">North West</td><td width="50%">North East</td></tr> |
| 26 <tr><td width="50%">South West</td><td width="50%">South East</td></tr> | 26 <tr><td width="50%">South West</td><td width="50%">South East</td></tr> |
| 27 </table> | 27 </table> |
| 28 </div> | 28 </div> |
| 29 <div id="console"></div> | 29 <div id="console"></div> |
| 30 <script src="../../js/resources/js-test-pre.js"></script> | 30 <script src="../../../resources/js-test.js"></script> |
| 31 <script> | 31 <script> |
| 32 if (window.testRunner) | 32 if (window.testRunner) |
| 33 window.jsTestIsAsync = true; | 33 window.jsTestIsAsync = true; |
| 34 description('Check autoscroll of frame by drag-and-drop'); | 34 description('Check autoscroll of frame by drag-and-drop'); |
| 35 </script> | 35 </script> |
| 36 </body> | 36 </body> |
| 37 </html> | 37 </html> |
| OLD | NEW |