| <!doctype html> |
| <meta charset="utf-8"> |
| <!-- This test will check whether an iframe that contains an iframe containing |
| the drag source, moving via DOM manipulation, will reset the drag source |
| and potentially cancel dragend event emission. --> |
| <title>Drag and Drop: Nested Iframe DOM Move</title> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#drag-and-drop-processing-model"> |
| |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| <script src="../resources/drag-trigger-dom-move.js"></script> |
| |
| <style> |
| .box { |
| display: block; |
| border: 1px solid black; |
| width: 350px; |
| height: 200px; |
| text-align: center; |
| } |
| </style> |
| |
| <div id="moved-item-source" class="dragged box"> |
| <iframe id="outer-iframe" data-source="iframe-srcdoc"></iframe> |
| </div> |
| |
| <div id="drop-box" class="dropzone box"> |
| Drop Here |
| </div> |
| |
| <p> |
| Please drag the "Drag Me" into the "Drop Here" box. |
| </p> |
| |
| <div id="moved-item-destination" class="box"></div> |
| |
| <script id="iframe-srcdoc" language="text/html"> |
| <!doctype html> |
| <meta charset="utf-8"> |
| |
| <iframe id="inner-iframe" data-source="inner-iframe-srcdoc"/> |
| </script> |
| |
| <script id="inner-iframe-srcdoc" language="text/html"> |
| <!doctype html> |
| <meta charset="utf-8"> |
| |
| <style> |
| .box { |
| display: block; |
| border: 1px solid black; |
| width: 250px; |
| height: 100px; |
| text-align: center; |
| } |
| </style> |
| <div id="drag-box" class="box" draggable="true"> |
| <p>Drag me!</p> |
| </div> |
| </script> |
| |
| <p> |
| Current test: <code id="test-description"></code> |
| </p> |
| |
| <script> |
| dragDomMoveTests([ |
| { load: 'doubly nested iframe', expectDragEnd: false, |
| action: 'appendChild' }, |
| { load: 'doubly nested iframe', expectDragEnd: false, |
| action: 'removeChild' }, |
| ]); |
| </script> |