Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>drag & drop - CSS cursor must be settable on draggable item</title>
<style>
body > div {
height: 200px;
width: 200px;
background-color: orange;
position: absolute;
top: 8px;
left: 8px;
cursor: pointer;
}
body > div + div {
background-color: navy;
left: 250px;
}
p:first-of-type {
margin-top: 220px;
}
</style>
<div draggable='true'></div><div></div>
<p>Move your mouse over the orange box and blue box. It should show the same "pointer" mouse cursor in both cases (the one normally used for links).</p>
<p>This test only applies to platforms with a mouse cursor that can change to indicate drop status.</p>
<noscript><p>Enable JavaScript and reload</p></noscript>