blob: 52623b8272de58a206e346517ba92db2d5b4b9f5 [file] [log] [blame]
<!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>