ayanova/src/components/attachment-control.vue

@@ -358,8 +358,8 @@ export default {
         });
     },
     onDrop(ev) {
-      var el = document.getElementById("dropDiv");
-      el.style.border = "none";
+      dropDiv.style.border = "none";
+      dropDiv = null;
       //handle file drop
       var files = Array.from(ev.dataTransfer.files);
       if (files.length > 0) {
@@ -368,14 +368,18 @@ export default {
       }
     },
     onDragOver(ev) {
-      var el = document.getElementById("dropDiv");
-      el.style.border = "4px dashed #00ff00";
+      if (!dropDiv) {
+        dropDiv = document.getElementById("dropDiv");
+      }
+
+      dropDiv.style.border = "4px dashed #00ff00";
     },
     onDragEnd(ev) {
-      var el = document.getElementById("dropDiv");
-      el.style.border = "none";
+      dropDiv.style.border = "none";
+      dropDiv = null;
     }
     //-----
   }
 };
+let dropDiv = null;
 </script>