Why is dropActive true outside specified drop element?

[jacobg]

In the following code:

vue-upload-component/src/FileUpload.vue

Lines 1522 to 1528 in b5abe30

	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)
	}

Why is the component listening for dragenter on the entire document? If the application wants to use the dropActive property to animate the component, then it seems it should only be setting dropActive = true when it's inside the drop element.

[Linhongbin-1111]

I also don't understand. I hope there is a prop that can be set.