From cdb1c5c5aedce1a0bb4aa05a7e62ae7b3d5749dd Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Sun, 22 Sep 2019 22:53:35 -0500
Subject: [PATCH] uploads: fix drag and drop to work anywhere on page.

---
 app/javascript/src/javascripts/uploads.js.erb | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/javascript/src/javascripts/uploads.js.erb b/app/javascript/src/javascripts/uploads.js.erb
index 15bb24e3f..7a89cd3c7 100644
--- a/app/javascript/src/javascripts/uploads.js.erb
+++ b/app/javascript/src/javascripts/uploads.js.erb
@@ -147,9 +147,11 @@ Upload.initialize_dropzone = function() {
     return;
   }
 
-  let dropzone = new Dropzone("#filedropzone", {
+  let dropzone = new Dropzone(document.body, {
     paramName: "upload[file]",
     url: "/uploads/preprocess",
+    clickable: "#filedropzone",
+    previewsContainer: "#filedropzone",
     thumbnailHeight: 150,
     thumbnailWidth: 150,
     thumbnailMethod: "contain",
@@ -162,13 +164,12 @@ Upload.initialize_dropzone = function() {
     previewTemplate: $("#dropzone-preview-template").html(),
     init: function() {
       $(".fallback").hide();
-      this.on("drop", function(event) {
-        $("#filedropzone .dropzone-hint").hide();
-      });
       this.on("complete", function(file) {
         $("#filedropzone .dz-progress").hide();
       });
       this.on("addedfile", function(file) {
+        $("#filedropzone .dropzone-hint").hide();
+
         // replace the previous file with the new one.
         dropzone.files.forEach(f => {
           if (f !== file) {