I ran into a drag and drop issue in Google Chrome:
foo.html :
<iframe style="position:absolute;left:300px" src="bar.html"></iframe>
bar.html :
<div draggable="true" id="bar">Drag me!</div>
<script>
document.getElementById("bar").addEventListener("dragend", function(e) {
console.log(e.view === window); // false
console.log(e.view === window.parent); // true
});
</script>
Why is e
relative to the parent window rather than the current window (ie the window
property of the current frame)? I've confirmed that dragstart
and dragover
both receive arguments with view
properties relative to the current frame.
Here's a jsfiddle that reproduces the issue on safari or chrome.
EDIT: To clarify - in my tests, I am NOT ending drag outside of the frame.