From 20a86fd50ef75bbc42ffbdfc2271cc3f6ef6ad35 Mon Sep 17 00:00:00 2001
From: discomrade <nice@try.fbi>
Date: Mon, 15 Nov 2021 05:56:32 -0100
Subject: [PATCH] Only add drag-drop handlers to dropzone, not the entire
 document

This enables dragging text into the textbox.
---
 js/file-selector.js | 66 +++++++++++++++++++++------------------------
 1 file changed, 31 insertions(+), 35 deletions(-)

diff --git a/js/file-selector.js b/js/file-selector.js
index c2b5381b..c16c0fd9 100644
--- a/js/file-selector.js
+++ b/js/file-selector.js
@@ -104,43 +104,39 @@ $(document).on('ajax_after_post', function () {
 });
 
 var dragCounter = 0;
-var dropHandlers = {
-	dragenter: function (e) {
-		e.stopPropagation();
-		e.preventDefault();
-
-		if (dragCounter === 0) $('.dropzone').addClass('dragover');
-		dragCounter++;
-	},
-	dragover: function (e) {
-		// needed for webkit to work
-		e.stopPropagation();
-		e.preventDefault();
-	},
-	dragleave: function (e) {
-		e.stopPropagation();
-		e.preventDefault();
-
-		dragCounter--;
-		if (dragCounter === 0) $('.dropzone').removeClass('dragover');
-	},
-	drop: function (e) {
-		e.stopPropagation();
-		e.preventDefault();
-
-		$('.dropzone').removeClass('dragover');
-		dragCounter = 0;
-
-		var fileList = e.originalEvent.dataTransfer.files;
-		for (var i=0; i<fileList.length; i++) {
-			addFile(fileList[i]);
-		}
-	}
-};
-
 
 // attach handlers
-$(document).on(dropHandlers);
+$(document).on('dragenter', '.dropzone', function (e) {
+	e.stopPropagation();
+	e.preventDefault();
+
+	if (dragCounter === 0) $('.dropzone').addClass('dragover');
+	dragCounter++;
+});
+$(document).on('dragover', '.dropzone', function (e) {
+	// needed for webkit to work
+	e.stopPropagation();
+	e.preventDefault();
+});
+$(document).on('dragleave', '.dropzone', function (e) {
+	e.stopPropagation();
+	e.preventDefault();
+
+	dragCounter--;
+	if (dragCounter === 0) $('.dropzone').removeClass('dragover');
+});
+$(document).on('drop', '.dropzone', function (e) {
+	e.stopPropagation();
+	e.preventDefault();
+
+	$('.dropzone').removeClass('dragover');
+	dragCounter = 0;
+
+	var fileList = e.originalEvent.dataTransfer.files;
+	for (var i=0; i<fileList.length; i++) {
+		addFile(fileList[i]);
+	}
+});
 
 $(document).on('click', '.dropzone .remove-btn', function (e) {
 	e.stopPropagation();