Fixed buggy file upload container (#1841)

Co-authored-by: Jeffrey Warren <jeff@unterbahn.com>
publiclab · Mar 12, 2021 · 417c1b1 · 417c1b1
1 parent 5298d1e
commit 417c1b1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/examples/demo.css b/examples/demo.css
@@ -78,7 +78,8 @@ body > .container-fluid {
 }
 
 .hover {
-  background: #eee;
+  border: 4px dashed #888888;
+  background: #F0F0F0;
 }
 
 .step {

diff --git a/src/ui/SetInputStep.js b/src/ui/SetInputStep.js
@@ -114,10 +114,10 @@ function setInputStepInit() {
     dropzone[0].addEventListener('drop', handleFile, false);
 
     dropzone.on('dragover', function onDragover(e) {
-      e.stopPropagation();
+      dropzone.addClass('hover');
       e.preventDefault();
-      e.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
-    }, false);
+      e.stopPropagation();
+    });
 
     dropzone.on('dragenter', function onDragEnter(e) {
       dropzone.addClass('hover');
@@ -127,6 +127,11 @@ function setInputStepInit() {
       dropzone.removeClass('hover');
     });
 
+    dropzone.on('drop', function onDrop(e) {
+      dropzone.removeClass('hover');
+      e.preventDefault();
+    });
+
   };
 
 }