diff --git a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.ts b/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.ts index e937b1ea0fb..6c12b7a2dda 100644 --- a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.ts +++ b/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(); diff --git a/src/app/shared/upload/uploader/uploader.component.ts b/src/app/shared/upload/uploader/uploader.component.ts index b4e82ecde1f..34c67e9ebc3 100644 --- a/src/app/shared/upload/uploader/uploader.component.ts +++ b/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') {