<!doctype html>
<title>Removing drop targetted document before the queue is processed</title>
<style>
  span, iframe {
    height: 200px;
    width: 200px;
    background-color: orange;
    display: inline-block;
    border: none;
  }
</style>
<script type="text/javascript">
window.onload = function () {
  var orange = document.getElementsByTagName('span')[0];
  orange.ondragstart = function (e) {
    e.dataTransfer.setData('text','dummy text');
    e.dataTransfer.effectAllowed = 'all';
    document.getElementsByTagName('iframe')[0].contentWindow.postMessage('dummy message','*');
    setTimeout(function () {
      document.getElementsByTagName('p')[0].removeChild(document.getElementsByTagName('iframe')[0]);
    },4000);
  };
};
</script>
<p><span draggable="true"></span> <iframe height="200" width="200" src="022-1.html"></iframe></p>

<p>Drag the orange square over the blue square, then release it. Wait 5 seconds for the blue square to disappear. Pass if you can select this text.</li>
<noscript><p>Enable JavaScript and reload</p></noscript>