Update drag listeners (:global-drop-zone="false")

Author: AlttiRi

demo/App.vue

@@ -2,7 +2,7 @@
   <!-- just for tests -->
   <video src="#" style="background-color: aqua"> TEST </video>
 
-  <FileInput :state="state" :global-drop-zone="true">
+  <FileInput :state="state" :global-drop-zone="false">
 <!--    <FileInputSelectedInfo :state="state"/>-->
   </FileInput>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alttiri/vue-file-input",
-  "version": "1.5.0-20240819",
+  "version": "1.5.1-20240819",
   "type": "module",
   "description": "Vue.js file input with Drag and Drop support.",
   "homepage": "https://github.com/alttiri/vue-file-input",

src/components/FileInput.vue

@@ -117,7 +117,7 @@ function onDragOver(event: DragEvent) {
 }
 function onDragEnter(event: DragEvent) {
   stopEvent(event);
-  if (event.relatedTarget !== null) {
+  if (globalDropZone.value && event.relatedTarget !== null) {
     return;
   }
   if (!dropHover.value) {
@@ -129,7 +129,11 @@ function onDragEnter(event: DragEvent) {
 }
 function onDragLeave(event: DragEvent) {
   stopEvent(event);
-  if (event.relatedTarget !== null) {
+  if (globalDropZone.value) {
+    if (event.relatedTarget !== null) {
+      return;
+    }
+  } else if (dropHover.value && dropZone.value?.contains(event.relatedTarget as Node)) {
     return;
   }
   dropHover.value = false;