summaryrefslogtreecommitdiffstats
path: root/Source/WebCore/manual-tests/drag-image-table-part-decorations.html
blob: 28aa17595705e25bf524d2815db78d2a67a0cb9e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE HTML>
<p>
    When dragging each of the black squares below, the drag image should include
    only the hollow black square, and no blue background.
</p>
<div style="background-color: blue; display: table; height: 100px; width: 100px;"></div>
<div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; margin-bottom: 10px;"></div>

<div style="background-color: blue; display: table-row; height: 100px;"><div style="width: 100px"></div></div>
<div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; margin-bottom: 10px;"></div>

<div style="background-color: blue; display: table-cell; height: 100px; width: 100px;"></div>
<div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; margin-bottom: 10px;"></div>

<fieldset style="background-color: blue; border: none; height: 100px; width: 100px;"><legend></legend></fieldset>
<div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; "></div>

<table style="border-collapse: collapse;"><tr><td style="border-bottom: 100px solid blue; width: 100px;"></td></tr></table>
<div style="width: 94px; height: 94px; border: solid; -webkit-user-drag: element; margin-top: -50px; "></div>