diff options
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/platform/cursors/004.html')
-rw-r--r-- | testing/web-platform/tests/html/editing/dnd/platform/cursors/004.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/platform/cursors/004.html b/testing/web-platform/tests/html/editing/dnd/platform/cursors/004.html new file mode 100644 index 000000000..640ad37ca --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/platform/cursors/004.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<title>drag & drop - no-drop should override CSS cursor when dragging</title> +<style> + body > div { + height: 200px; + width: 200px; + background-color: orange; + position: absolute; + top: 8px; + left: 8px; + } + body > div:first-child { + cursor: pointer; + } + body > div + div { + background-color: navy; + left: 250px; + } + p:first-of-type { + margin-top: 220px; + } +</style> + +<script type="text/javascript"> + +window.onload = function() { + var orange = document.getElementsByTagName('div')[0]; + orange.ondragstart = function(e) { + e.dataTransfer.effectAllowed = 'copy'; + e.dataTransfer.setData('Text', 'dummy text'); + }; +}; + +</script> + +<div draggable='true'></div><div></div> + +<p>Move your mouse over the orange box. It should show the "pointer" cursor (normally used for links).<br> +Use your mouse to drag the orange box over the blue box. While dragging, the mouse cursor should appear as a "no-drop" cursor.<br> +Release the drag. The cursor should revert to the default mouse cursor.</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> |