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',