From 2e5edae8a2b09cb7f112d4d3a56f3b1dca701af6 Mon Sep 17 00:00:00 2001
From: Joren l'Ami <joren@distinct.nl>
Date: Thu, 1 Sep 2022 11:26:28 +0200
Subject: [PATCH] Added elementEnteredCounter

to allow extra elements inside.

And tracked is not needed for the counters, since they are not used in templates
---
 addon/components/file-drop-zone.ts | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/addon/components/file-drop-zone.ts b/addon/components/file-drop-zone.ts
index 1dcedab..a28f856 100644
--- a/addon/components/file-drop-zone.ts
+++ b/addon/components/file-drop-zone.ts
@@ -13,7 +13,8 @@ export default class FileDropZoneComponent extends Component<FileDropZoneCompone
 
   @tracked hovering = false;
   @tracked dragging = false;
-  @tracked windowEnteredCounter = 0;
+  windowEnteredCounter = 0;
+  elementEnteredCounter = 0;
 
  @action
   registerListener(element) {
@@ -65,6 +66,7 @@ export default class FileDropZoneComponent extends Component<FileDropZoneCompone
 
   @action
   onDragEnter(e: DragEvent) {
+    ++this.elementEnteredCounter;
     this.hovering = true;
     if (!this.args.disabled && this.args.onDragEnter) {
       this.args.onDragEnter(this.extractFiles(e).length);
@@ -73,9 +75,11 @@ export default class FileDropZoneComponent extends Component<FileDropZoneCompone
 
   @action
   onDragLeave() {
-    this.hovering = false;
-    if (!this.args.disabled && this.args.onDragLeave) {
-      this.args.onDragLeave();
+    if (--this.elementEnteredCounter == 0) {
+      this.hovering = false;
+      if (!this.args.disabled && this.args.onDragLeave) {
+        this.args.onDragLeave();
+      }
     }
   }
 
@@ -101,6 +105,7 @@ export default class FileDropZoneComponent extends Component<FileDropZoneCompone
     this.dragging = false;
     this.hovering = false;
     this.windowEnteredCounter = 0;
+    this.elementEnteredCounter = 0;
   }
 
   extractFiles(event: DragEvent) {