allow to drop anywhere

1 files changed, 2 insertions, 15 deletions

diff --git a/static/script.js b/static/script.js
index 5d48603..4be36b8 100644
--- a/static/script.js
+++ b/static/script.js
@@ -28,7 +28,6 @@ addEventListener("DOMContentLoaded", function () {
 	}
 
 	/* DRAG-N-DROP */
-	const dropZone = document.getElementById("drop-zone");
 	const preview = document.getElementById("preview");
 
 	function dropHandler(ev) {
@@ -39,9 +38,9 @@ addEventListener("DOMContentLoaded", function () {
 		uploadFiles(files);
 	}
 
-	dropZone.addEventListener("drop", dropHandler);
+	window.addEventListener("drop", dropHandler);
 
-	dropZone.addEventListener("dragover", (e) => {
+	window.addEventListener("dragover", (e) => {
 		const fileItems = [...e.dataTransfer.items].filter(
 			(item) => item.kind === "file",
 		);
@@ -55,18 +54,6 @@ addEventListener("DOMContentLoaded", function () {
 		}
 	});
 
-	window.addEventListener("dragover", (e) => {
-		const fileItems = [...e.dataTransfer.items].filter(
-			(item) => item.kind === "file",
-		);
-		if (fileItems.length > 0) {
-			e.preventDefault();
-			if (!dropZone.contains(e.target)) {
-				e.dataTransfer.dropEffect = "none";
-			}
-		}
-	});
-
 	const fileInput = document.getElementById("file-input");
 	fileInput.addEventListener("change", (e) => {
 		uploadFiles(e.target.files);