diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/html/editing/dnd/platform/cursors/006.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/platform/cursors/006.html')
-rw-r--r-- | testing/web-platform/tests/html/editing/dnd/platform/cursors/006.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/platform/cursors/006.html b/testing/web-platform/tests/html/editing/dnd/platform/cursors/006.html new file mode 100644 index 0000000000..1d36e2e6ad --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/platform/cursors/006.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<title>drag & drop - should show drop-allowed for dropzones</title> +<style> + body > div { + height: 200px; + width: 200px; + background-color: orange; + position: absolute; + top: 8px; + left: 8px; + } + 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], blue = document.getElementsByTagName('div')[1]; + orange.ondragstart = function(e) { + e.dataTransfer.effectAllowed = 'copy'; + e.dataTransfer.setData('Text', 'dummy text'); + }; + blue.ondragenter = blue.ondragover = function(e) { + e.preventDefault(); + e.dataTransfer.dropEffect = 'copy'; + }; + blue.ondrop = function(e) { + e.preventDefault(); + }; +}; + +</script> + +<div draggable='true'></div><div></div> + +<p>Use your mouse to drag the orange box over the blue box. While dragging over the blue box, the mouse cursor should appear as a "drop-allowed" or "drop-clopy-allowed" 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> |