ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

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

Browse Source 
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
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/AttachmentDragAndDrop.vue
View File

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