Merge pull request #5312 from oscar-escire/Issue/1268

fix: prevent drop files overlay from appearing when dragging text

Author: tdonohue

src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.ts

@@ -87,6 +87,11 @@ export class FileDropzoneNoUploaderComponent implements OnInit {
 
   @HostListener('window:dragover', ['$event'])
   onDragOver(event: DragEvent) {
+    // Only show drop area when dragging files or event is manually triggered
+    const hasFiles = event.dataTransfer?.types ? Array.from(event.dataTransfer.types).includes('Files') : true;
+    if (!hasFiles) {
+      return;
+    }
     // Show drop area on the page
     event.preventDefault();
     event.stopPropagation();

src/app/shared/upload/uploader/uploader.component.ts

@@ -137,6 +137,11 @@ export class UploaderComponent implements OnInit, AfterViewInit {
       }
     }
     if (this.enableDragOverDocument && this.dragService.isAllowedDragOverPage()) {
+      // Only show drop area when dragging files or event is manually triggered
+      const hasFiles = event.dataTransfer?.types ? Array.from(event.dataTransfer.types).includes('Files') : true;
+      if (!hasFiles) {
+        return;
+      }
       // Show drop area on the page
       event.preventDefault();
       if ((event.target as any).tagName !== 'HTML') {