testing/web-platform/tests/html/editing/dnd/platform/drag-keypress.html

   1 <!DOCTYPE html>
   2 <title>drag &amp; drop - pressing tab while dragging</title>
   3 <style>
   4   body > div {
   5     height: 200px;
   6     width: 200px;
   7     background-color: orange;
   8   }
   9   body {
  10     height: 5000px;
  11   }
  12   p {
  13     margin-top: 1000px;
  14   }
  15 </style>
  16
  17 <script>
  18 window.onload = function() {
  19   window.scrollBy(0,1000);
  20   document.getElementsByTagName('div')[0].ondragstart = function(e) {
  21     e.dataTransfer.effectAllowed = 'copy';
  22     e.dataTransfer.setData('text', 'dummy text');
  23   };
  24 };
  25 </script>
  26 <noscript>Enable JavaScript and reload</noscript>
  27 <p>Drag the orange square. While still dragging, press the Tab key on your keyboard. Fail if the page scrolls.</p>
  28 <div draggable="true"></div>