<!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>