diff options
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/overlay/036.xhtml')
-rw-r--r-- | testing/web-platform/tests/html/editing/dnd/overlay/036.xhtml | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/overlay/036.xhtml b/testing/web-platform/tests/html/editing/dnd/overlay/036.xhtml new file mode 100644 index 0000000000..94ba9f24e4 --- /dev/null +++ b/testing/web-platform/tests/html/editing/dnd/overlay/036.xhtml @@ -0,0 +1,35 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Drag feedback when multiple elements are added to dragstore</title> +<style type="text/css"> +div > div + {height:100px; + width:100px; + float:left; + background-color:navy;} +div + div + {margin-left:-60px; + background-color:maroon;} +div[draggable] + {background-color:teal; + margin-top:50px;} +</style> +<script type="application/ecmascript"> +function start(event) + {var div = document.querySelectorAll('div > div:nth-child(odd)'); + event.dataTransfer.effectAllowed = 'copy'; + for(var i = 0; i != div.length; i++) + {event.dataTransfer.addElement(div[i]);} + } +</script> +</head> +<body> +<p>Try to drag green box below. Feedback overlay should include all three boxes when you drag green one.</p> +<div ondragstart="start(event)"> + <div/> + <div draggable="true"/> + <div/> +</div> +</body> +</html> |