fix: arrastrar tareas para reordenar dejo de funcionar

Regresion del fix del checkbox (v1.15.2): draggable/onDragStart quedaron directo sobre el <svg>
del icono de agarre, que solo capta el mousedown sobre lo pintado (huecos entre sus formas), no
sobre todo su recuadro -- el navegador no siempre detectaba el inicio del arrastre. Envuelto en
un <span> con area de agarre solida, mismo patron ya usado en el listado de Actividades.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-09-16 14:22:26 -05:00
parent 8e7c0d87c2
commit 696ab0d092
6 changed files with 21 additions and 7 deletions
@@ -263,10 +263,9 @@ export default function ActivityDetailPanel({ activity, projectId, siblingActivi
</>
) : (
<>
<GripVertical
size={15} className="drag-handle" style={{ opacity: .6, cursor: 'grab', flexShrink: 0 }}
{...getHandleProps(task)}
/>
<span className="drag-handle-wrap" {...getHandleProps(task)}>
<GripVertical size={15} className="drag-handle" style={{ opacity: .6 }} />
</span>
<input type="checkbox" checked={!!task.is_done} onChange={() => toggleTask(task)} />
<span style={{ flex: 1, fontSize: '.8rem', textDecoration: task.is_done ? 'line-through' : 'none', opacity: task.is_done ? .6 : 1 }}>{task.name}</span>
<button className="icon-btn" title={t('common_edit')} onClick={() => startEditTask(task)}><Pencil size={15} /></button>