oversized-001.html (779B)
1 <!DOCTYPe html> 2 <meta charset='utf-8'> 3 <title>drag and drop – feedback overlay of oversized element</title> 4 <style> 5 html, body, p + p { height: 100%; width: 100%; } 6 a { 7 display: block; 8 height: 100%; 9 width: 100%; 10 background-color: blue; 11 border: 50px solid orange; /* makes it higher and wider than the viewport */ 12 } 13 14 </style> 15 16 <p>Drag the blue box below downwards. The drag placeholder should ideally be a blue rectangle with an orange border on all sides. It may optionally match the visible part of the blue-and-orange box. It may optionally be a rectangle with the same pattern and size as the visible part of the blue-and-orange box. It may optionally be shrunk to a manageable size. No part of the UI should be dragged with the box.</p> 17 18 <p><a href='#'></a></p>