Source code

Revision control

Other Tools

<!DOCTYPe html>
<meta charset='utf-8'>
<title>drag and drop – feedback overlay of oversized element</title>
<style>
html, body, p + p { height: 100%; width: 100%; }
a {
display: block;
height: 100%;
width: 100%;
background-color: blue;
border: 50px solid orange; /* makes it higher and wider than the viewport */
}
</style>
<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>
<p><a href='#'></a></p>