| <!DOCTYPE html> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="drag-and-drop-autoscroll-frame.js"></script> |
| <style type="text/css"> |
| #draggable { |
| padding: 5pt; |
| border: 3px solid #00cc00; |
| background: #00cccc; |
| width: 80px; |
| cursor: pointer; |
| } |
| #container { |
| position: relative; |
| left: 2000px; |
| top: 2000px; |
| } |
| #sample { |
| width: 2000px; |
| height: 2000px; |
| } |
| body,html { |
| margin: 0; |
| } |
| </style> |
| <div id="container"> |
| Manual steps: |
| <ol> |
| <li>Drag "Drop Me" to edge of window</li> |
| <li>You should see scrolling</li> |
| </ol> |
| <div id="draggable" draggable="true">Drop Me</div> |
| <div id="scrollbars" style="overflow: scroll"><div>scrollbars</div></div> |
| <table id="sample" border="1"> |
| <tr><td width="50%">North West</td><td width="50%">North East</td></tr> |
| <tr><td width="50%">South West</td><td width="50%">South East</td></tr> |
| </table> |
| </div> |