summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/editing/dnd/draggable-areas/border-radius.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/html/editing/dnd/draggable-areas/border-radius.html')
-rw-r--r--testing/web-platform/tests/html/editing/dnd/draggable-areas/border-radius.html25
1 files changed, 25 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/editing/dnd/draggable-areas/border-radius.html b/testing/web-platform/tests/html/editing/dnd/draggable-areas/border-radius.html
new file mode 100644
index 000000000..f767850f9
--- /dev/null
+++ b/testing/web-platform/tests/html/editing/dnd/draggable-areas/border-radius.html
@@ -0,0 +1,25 @@
+<!DOCTYPe html>
+<meta charset='utf-8'>
+<title>drag and drop – draggable area boundaries, border-radius</title>
+<style>
+a {
+ display: block;
+ height: 200px;
+ width: 200px;
+ background-color: blue;
+ border-radius: 100px;
+}
+div {
+ border: 1px solid black;
+ height: 200px;
+ width: 200px;
+}
+</style>
+
+<ol>
+ <li>Try dragging the white area within the black square, outside the blue
+ circle. It should <em>not</em> be draggable.</li>
+ <li>Drag the blue circle below. It should be draggable.</li>
+</ol>
+
+<div><a draggable="true" ondragstart="event.dataTransfer.effectAllowed ='copy'"></a></div>