From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Fri, 19 Apr 2024 02:47:55 +0200
Subject: Adding upstream version 124.0.1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../tests/html/editing/dnd/overlay/043.html        | 68 ++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 testing/web-platform/tests/html/editing/dnd/overlay/043.html

(limited to 'testing/web-platform/tests/html/editing/dnd/overlay/043.html')
diff --git a/testing/web-platform/tests/html/editing/dnd/overlay/043.html b/testing/web-platform/tests/html/editing/dnd/overlay/043.html
new file mode 100644
index 0000000000..49108b9dbb
--- /dev/null
+++ b/testing/web-platform/tests/html/editing/dnd/overlay/043.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<title>drag &amp; drop - dragging nested draggable elements</title>
+<style>
+  body > div {
+    height: 200px;
+    width: 200px;
+    background-color: navy;
+    position: absolute;
+    top: 8px;
+    left: 8px;
+  }
+  body > div div {
+    height: 100px;
+    width: 100px;
+    background-color: orange;
+    position: absolute;
+    left: 50px;
+    top: 50px;
+  }
+  body > div + div {
+    background-color: fuchsia;
+    height: 100px;
+    width: 100px;
+    left: 258px;
+    top: 58px;
+  }
+  p:first-of-type {
+    margin-top: 220px;
+  }
+</style>
+
+<script>
+
+window.onload = function() {
+  var passed = true, orange = document.getElementsByTagName('div')[1], blue = document.getElementsByTagName('div')[0], fuchsia = document.getElementsByTagName('div')[2];
+
+  orange.ondragstart = function(e) {
+    e.dataTransfer.effectAllowed = 'copy';
+    e.dataTransfer.setData('text/plain', 'child targeted');
+  };
+  blue.ondragstart = function(e) {
+    if( e.target == this ) {
+      e.dataTransfer.effectAllowed = 'copy';
+      e.dataTransfer.setData('text/plain', 'parent targeted');
+    } else {
+      e.dataTransfer.setData('extra/data', 'parent bubble');
+    }
+  };
+  fuchsia.ondragenter = fuchsia.ondragover = function(e) {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = 'copy';
+  };
+  fuchsia.ondrop = function(e) {
+    e.preventDefault();
+    //it's possible this could get called twice if the browser drags both items, so it uses the "passed" variable to make sure
+    //that if blue gets dropped first, it remains false when orange then gets dropped
+    passed = passed && ( e.dataTransfer.getData('text/plain') == 'child targeted' ) && ( e.dataTransfer.getData('extra/data') == 'parent bubble' );
+    document.getElementsByTagName('p')[0].innerHTML = passed ? 'PASS' : 'FAIL';
+  };
+
+};
+
+</script>
+
+<div draggable='true'><div draggable='true'></div></div><div></div>
+
+<p>Use your pointing device to drag the orange box to the pink box, then release it. While dragging, the drag placeholder should show that only the orange box is being dragged.</p>
+<noscript><p>Enable JavaScript and reload</p></noscript>
-- 
cgit v1.2.3

