diff --git a/src/FileUpload.vue b/src/FileUpload.vue index c2edb4d..0832bf3 100644 --- a/src/FileUpload.vue +++ b/src/FileUpload.vue @@ -1184,6 +1184,7 @@ export default { try { document.removeEventListener('dragenter', this.onDragenter, false) document.removeEventListener('dragleave', this.onDragleave, false) + document.removeEventListener('drop', this.onDocumentDrop, false) this.dropElement.removeEventListener('dragover', this.onDragover, false) this.dropElement.removeEventListener('drop', this.onDrop, false) } catch (e) { @@ -1203,6 +1204,7 @@ export default { if (this.dropElement) { document.addEventListener('dragenter', this.onDragenter, false) document.addEventListener('dragleave', this.onDragleave, false) + document.addEventListener('drop', this.onDocumentDrop, false) this.dropElement.addEventListener('dragover', this.onDragover, false) this.dropElement.addEventListener('drop', this.onDrop, false) } @@ -1227,9 +1229,12 @@ export default { e.preventDefault() }, + onDocumentDrop() { + this.dropActive = false + }, + onDrop(e) { e.preventDefault() - this.dropActive = false this.addDataTransfer(e.dataTransfer) }, }