fix: do not show dragged over state when no data in drag event

Signed-off-by: grnd-alt <github@belakkaf.net>
This commit is contained in:
grnd-alt
2025-09-24 15:30:13 +02:00
parent 4abf895d22
commit c37f6f92c4

View File

@@ -5,7 +5,7 @@
<template>
<div class="attachments-drag-zone"
@dragover.prevent="!isDraggingOver && (isDraggingOver = true)"
@dragover.prevent="handleDragOver"
@dragleave.prevent="isDraggingOver && (isDraggingOver = false)"
@drop.prevent="handleDropFiles">
<slot />
@@ -83,6 +83,13 @@ export default {
},
},
methods: {
handleDragOver(event) {
if (!event.dataTransfer || event.dataTransfer.items?.length <= 0) {
return
}
!this.isDraggingOver && (this.isDraggingOver = true)
},
handleDropFiles(event) {
event.dataTransfer.dropEffect = 'copy'
this.isDraggingOver = false