From 8987cd448f5d199147652de8352d73af5d85390c Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 29 Jul 2024 07:26:29 -0700
Subject: [PATCH] Fix: use entire document for dropzone (#7342)
---
src-ui/src/app/components/file-drop/file-drop.component.ts | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src-ui/src/app/components/file-drop/file-drop.component.ts b/src-ui/src/app/components/file-drop/file-drop.component.ts
index e45d816b0..7e5096130 100644
--- a/src-ui/src/app/components/file-drop/file-drop.component.ts
+++ b/src-ui/src/app/components/file-drop/file-drop.component.ts
@@ -38,7 +38,7 @@ export class FileDropComponent {
@ViewChild('ngxFileDrop') ngxFileDrop: NgxFileDropComponent
- @HostListener('dragover', ['$event']) onDragOver(event: DragEvent) {
+ @HostListener('document:dragover', ['$event']) onDragOver(event: DragEvent) {
if (!this.dragDropEnabled || !event.dataTransfer?.types?.includes('Files'))
return
event.preventDefault()
@@ -53,7 +53,7 @@ export class FileDropComponent {
clearTimeout(this.fileLeaveTimeoutID)
}
- @HostListener('dragleave', ['$event']) public onDragLeave(
+ @HostListener('document:dragleave', ['$event']) public onDragLeave(
event: DragEvent,
immediate: boolean = false
) {
@@ -73,7 +73,7 @@ export class FileDropComponent {
}, ms)
}
- @HostListener('drop', ['$event']) public onDrop(event: DragEvent) {
+ @HostListener('document:drop', ['$event']) public onDrop(event: DragEvent) {
if (!this.dragDropEnabled) return
event.preventDefault()
event.stopImmediatePropagation()