third_party/WebKit/LayoutTests/fast/events/drag-and-drop-autoscroll-mainframe.html

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