From cbad0a1a34560e90e9df735115d15c21caf3e549 Mon Sep 17 00:00:00 2001 From: Chandler Copeland Date: Fri, 20 Mar 2026 00:59:27 -0600 Subject: [PATCH] fix(05-04): remove transform from DraggableToken to prevent snap-back animation --- .../(protected)/documents/[docId]/_components/FieldPlacer.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/FieldPlacer.tsx b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/FieldPlacer.tsx index f569ceb..c8aac61 100644 --- a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/FieldPlacer.tsx +++ b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/FieldPlacer.tsx @@ -67,9 +67,9 @@ async function persistFields(docId: string, fields: SignatureFieldData[]) { // Draggable token in the palette function DraggableToken({ id }: { id: string }) { - const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({ id }); + const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id }); const style: React.CSSProperties = { - transform: CSS.Translate.toString(transform), + // No transform — DragOverlay handles the ghost. Applying transform here causes snap-back animation. opacity: isDragging ? 0.4 : 1, cursor: 'grab', padding: '6px 12px',