diff --git a/frontend/src/components/contacts/ContactFolderTree.tsx b/frontend/src/components/contacts/ContactFolderTree.tsx index c1c50a8..b4525b3 100644 --- a/frontend/src/components/contacts/ContactFolderTree.tsx +++ b/frontend/src/components/contacts/ContactFolderTree.tsx @@ -151,16 +151,10 @@ function FolderTreeItem({ const isActive = selectedFilter === folderKey; return ( -
+
{ - // Prevent drag when the click originated from the more-options button - const target = e.target as HTMLElement; - if (target.tagName === 'BUTTON' || target.closest('button[aria-label="Optionen"]')) { - e.preventDefault(); - return; - } e.dataTransfer.setData('text/folder-id', node.id); e.dataTransfer.effectAllowed = 'move'; }} @@ -168,7 +162,7 @@ function FolderTreeItem({ onDragLeave={() => onDragLeave(node.id)} onDrop={(e) => onDrop(e, node.id)} className={clsx( - 'group flex items-center gap-1.5 px-2 py-1.5 text-sm font-medium rounded-md cursor-pointer min-h-touch', + 'group relative flex items-center gap-1.5 px-2 py-1.5 text-sm font-medium rounded-md cursor-pointer min-h-touch', 'transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500', isDragOver ? 'bg-primary-100 ring-2 ring-primary-400' @@ -188,19 +182,20 @@ function FolderTreeItem({ {node.contact_count > 0 && ( {node.contact_count} )} - + {/* Spacer for the absolutely-positioned button */} +
+ {/* More-options button — OUTSIDE the draggable div to prevent drag interference */} + {expanded && node.children.map((child) => (