Merge pull request #5727 from DSpace/backport-5312-to-dspace-8_x

[Port dspace-8_x] 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

@@ -90,6 +90,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

@@ -124,6 +124,11 @@ export class UploaderComponent implements OnInit, AfterViewInit {
   onDragOver(event: any) {
 
     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') {