github-starred/vikunja
2
0
Fork 0
mirror of https://github.com/go-vikunja/vikunja.git synced 2026-04-28 10:28:33 -05:00
Code Issues 690 Packages Projects Releases 11 Wiki Activity

fix(editor): prevent file upload overlay when dragging text from editor (#2148)

Browse Source 
Fixes the file upload overlay incorrectly appearing when dragging text from within the TipTap description editor to outside of it.

Fixes #1663
This commit is contained in:
kolaente
2026-01-24 18:41:42 +01:00
committed by GitHub
parent 5050cd7162
commit 1731b03c22
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/tasks/partials/Attachments.vue
View File

@@ -245,12 +245,29 @@ function resetDragState() {
isDragOverEditor.value = false
}
/**
* Check if a drag event contains actual files (not text being dragged).
* This prevents the file upload overlay from appearing when dragging text
* from within the editor to outside it.
*/
function eventContainsFiles(event: Event | null | undefined): boolean {
if (!event || !(event instanceof DragEvent)) {
return false
}
return event.dataTransfer?.types.includes('Files') ?? false
}
const {isOverDropZone} = useDropZone(document, {
onEnter(files, event) {
if (!props.editEnabled) {
return
}
// Only show dropzone if actual files are being dragged, not text
if (!eventContainsFiles(event)) {
return
}
isDraggingFiles.value = true
isDragOverEditor.value = eventTargetsEditor(event)
},