outside-viewport-005.html (635B)
1 <!DOCTYPe html> 2 <meta charset='utf-8'> 3 <title>drag and drop – feedback overlay of elements partly outside the viewport – 005</title> 4 <style> 5 div { 6 display: block; 7 height: 200px; 8 width: 200px; 9 background-color: blue; 10 position: absolute; 11 top: 10px; 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. It may optionally be a rectangle the same shape as the visible part of the blue box. No part of the UI should be dragged with the box.</p>