summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/editing/dnd/selection/171.xhtml
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/selection/171.xhtml')
-rw-r--r--testing/web-platform/tests/html/editing/dnd/selection/171.xhtml39
1 files changed, 39 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/selection/171.xhtml b/testing/web-platform/tests/html/editing/dnd/selection/171.xhtml
new file mode 100644
index 000000000..ce00dd71b
--- /dev/null
+++ b/testing/web-platform/tests/html/editing/dnd/selection/171.xhtml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Dragging text selection from scrollable container to block element</title>
+<style type="text/css">
+div
+ {width:300px;
+ height:100px;}
+div:first-child
+ {overflow-y:scroll;}
+div[ondragenter]
+ {margin-top:20px;
+ padding:10px;
+ color:white;
+ background-color:navy;}
+textarea
+ {width:300px;
+ height:100px;}
+p+p
+ {margin-top:200px;
+ padding-bottom:50px;}
+</style>
+</head>
+<body onload="window.getSelection().selectAllChildren(document.querySelector('p + p'))">
+<div>
+<p>
+Here is scrollable container with text selection at the end of it.
+Drag selected text to the blue box.
+Copy of selection should end up in the blue box once you drop it there.
+</p>
+<p>Try to drag this text.</p>
+</div>
+<div
+ ondragenter="event.preventDefault()"
+ ondragover="return false"
+ ondrop="document.querySelector('div + div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))"
+/>
+</body>
+</html> \ No newline at end of file