Chromium Code Reviews Chromium Code Reviews
Issue 2842483002:
Set relatedtarget for dragleave/enter events (Closed)
| Index: third_party/WebKit/LayoutTests/external/wpt/html/editing/dnd/events/relatedTarget-attribute-manual.html |
| diff --git a/third_party/WebKit/LayoutTests/external/wpt/html/editing/dnd/events/relatedTarget-attribute-manual.html b/third_party/WebKit/LayoutTests/external/wpt/html/editing/dnd/events/relatedTarget-attribute-manual.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..05154f12d1d7d9735bfe2547d6efa586b8c2f045 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/external/wpt/html/editing/dnd/events/relatedTarget-attribute-manual.html |
| @@ -0,0 +1,65 @@ |
| +<!doctype html> |
| +<html> |
| + <head> |
| + <title>relatedTarget attribute for dragenter and dragleave events</title> |
| + <meta name="viewport" content="width=device-width"> |
| + <script src="/resources/testharness.js"></script> |
| + <script src="/resources/testharnessreport.js"></script> |
| + <style> |
| + #outerdiv { |
| + padding: 50px; |
| + background: blue; |
| + } |
| + #innerdiv { |
| + width:200px; |
| + height:100px; |
| + background: green; |
| + } |
| + </style> |
| + <script> |
| + //var drag_test = async_test("dragenter and dragleave are correctly fired."); |
|
dtapuska
2017/04/25 19:46:06
Um this line is commented out.. How does this work
Navid Zolghadr
2017/05/09 19:54:05
Done.
|
| + var got_dragenter = false; |
| + var got_dragleave = false; |
| + function run() { |
| + var draggable = document.getElementById("draggable"); |
| + var innerdiv = document.getElementById("innerdiv"); |
| + draggable.addEventListener("dragstart", (e) => { |
| + e.dataTransfer.setData("text", draggable.innerHTML); |
|
dtapuska
2017/04/25 19:46:06
Is this necessary?
Navid Zolghadr
2017/05/05 23:33:17
For some reason without this FF doesn't start the
|
| + }); |
| + innerdiv.addEventListener("dragenter", (e) => { |
| + if (!got_dragenter) { |
| + test(function() { |
| + assert_equals(e.relatedTarget.id, "outerdiv", "dragenter event should have the correct relatedTarget."); |
| + }, "dragenter event should have the correct relatedTarget."); |
| + got_dragenter = true; |
| + } |
| + }); |
| + innerdiv.addEventListener("dragleave", (e) => { |
| + if (!got_dragleave) { |
| + test(function() { |
| + assert_equals(e.relatedTarget.id, "outerdiv", "dragleave event should have the correct relatedTarget."); |
| + }, "dragleave event should have the correct relatedTarget."); |
| + got_dragleave = true; |
| + if (got_dragenter) |
| + drag_test.done(); |
| + } |
| + }); |
| + } |
| + </script> |
| + </head> |
| + <body onload="run()"> |
| + <h1>Drag & Drop: relatedTarget attribute for dragenter and dragleave events</h1> |
| + <h2 id="pointerTypeDescription"></h2> |
| + <h4>Test Description: |
| + <ol> |
| + <li>Drag the text into the green box.</li> |
| + <li>Without releasing the drag, drag the text out of the green box.</li> |
| + </ol> |
| + </h4> |
| + <br> |
| + <div id="draggable" draggable="true">Drag this text</br>over the green box</div> |
| + <div id="outerdiv"> |
| + <div id="innerdiv"></div> |
| + </div> |
| + </body> |
| +</html> |
