outside-viewport-006.html (692B)
1 <!DOCTYPe html> 2 <meta charset='utf-8'> 3 <title>drag and drop – feedback overlay of elements partly outside the viewport – 006</title> 4 <style> 5 div { 6 display: block; 7 height: 200px; 8 width: 200px; 9 background-color: blue; 10 position: absolute; 11 top: -100px; 12 right: -100px; 13 } 14 15 p { 16 margin-right: 200px; 17 } 18 </style> 19 20 <div draggable="true" ondragstart="event.dataTransfer.effectAllowed ='copy'"></div> 21 22 <p>Drag the blue box on the right. The drag placeholder should ideally be a blue square twice as high and wide as the visible part of the blue box. It may optionally be a square the same size as the visible part of the blue box. No part of the UI should be dragged with the box.</p>