| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <link rel="stylesheet" href="resources/event-mouse-coordinates.css" /> |
| 3 <script src="../../resources/testharness.js"></script> |
| 4 <script src="../../resources/testharnessreport.js"></script> |
| 5 <script src="resources/event-mouse-coordinates.js"></script> |
| 6 |
| 7 <style> |
| 8 #target-iframe { |
| 9 margin: 0; |
| 10 padding: 0; |
| 11 border: none; |
| 12 |
| 13 position: absolute; |
| 14 left: 200px; |
| 15 top: 100px; |
| 16 width: 600px; |
| 17 height: 500px; |
| 18 } |
| 19 </style> |
| 20 |
| 21 <p> |
| 22 Please drag the "Drag Me" box into the "Drop Here" box. |
| 23 </p> |
| 24 |
| 25 <iframe id="target-iframe"></iframe> |
| 26 |
| 27 <script id="iframe-srcdoc" language="text/html"> |
| 28 <!DOCTYPE html> |
| 29 <link rel="stylesheet" href="resources/event-mouse-coordinates.css" /> |
| 30 <aside class="dragged box" draggable="true"> |
| 31 Drag Me |
| 32 </aside> |
| 33 |
| 34 <aside class="dropzone box"> |
| 35 Drop Here |
| 36 </aside> |
| 37 </script> |
| 38 |
| 39 <script> |
| 40 const iframeLoaded = new Promise((resolve, reject) => { |
| 41 const target = document.getElementById('target-iframe'); |
| 42 const html = document.getElementById('iframe-srcdoc').textContent; |
| 43 target.onload = (event) => resolve(true); |
| 44 |
| 45 target.setAttribute('srcdoc', html); |
| 46 }); |
| 47 |
| 48 promise_test((t) => { |
| 49 return iframeLoaded.then(() => { |
| 50 const frameDocument = |
| 51 document.getElementById('target-iframe').contentDocument; |
| 52 const dragCenter = elementCenter(frameDocument.querySelector('.dragged')); |
| 53 const dropCenter = elementCenter(frameDocument.querySelector('.dropzone')); |
| 54 return runDragTest(t, { |
| 55 domRoot: frameDocument, |
| 56 frameOffset: { x: 200, y: 100 }, |
| 57 start: { client: dragCenter, page: { x: 250, y: 150 }}, |
| 58 end: { client: dropCenter, page: { x: 450, y: 350 }}, |
| 59 }); |
| 60 }); |
| 61 }, 'Dragging and dropping DOM nodes in an iframe'); |
| 62 |
| 63 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2469863003:
Delegate dragend to the correct frame's EventHandler. (Closed)
