From b741c2d8911c05506f4e30215b7a1b5a8d699476 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 5 Feb 2026 23:43:18 +0100
Subject: [PATCH] fix: add touch CSS properties to list view for mobile
 drag-and-drop

Adds user-select, touch-action, and webkit-touch-callout CSS to the list
view's draggable task items, matching what KanbanCard.vue already has.

Without these properties, the browser's native long-press text selection
fires before SortableJS's 1-second touch delay expires, preventing drag
from ever starting on mobile devices.

Ref: https://community.vikunja.io/t/missing-positioning-option-in-list-view/4278
---
 frontend/src/components/project/views/ProjectList.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/components/project/views/ProjectList.vue b/frontend/src/components/project/views/ProjectList.vue
index 298277bcc..71460bce4 100644
--- a/frontend/src/components/project/views/ProjectList.vue
+++ b/frontend/src/components/project/views/ProjectList.vue
@@ -375,6 +375,9 @@ onBeforeUnmount(() => {
 
 :deep(.tasks:not(.dragging-disabled) .single-task) {
 	cursor: grab;
+	-webkit-touch-callout: none;
+	user-select: none;
+	touch-action: manipulation;
 
 	&:active {
 		cursor: grabbing;