summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/editing/dnd/overlay/oversized-001.html
blob: e13f6b190bcbca930bc808ca35efd8b6d54d0611 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!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>