ccopeland/red
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(05-04): remove transform from DraggableToken to prevent snap-back animation

Browse Source
This commit is contained in:
Chandler Copeland
2026-03-20 00:59:27 -06:00
parent f8897cce34
commit cbad0a1a34
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/FieldPlacer.tsx
View File

@@ -67,9 +67,9 @@ async function persistFields(docId: string, fields: SignatureFieldData[]) {
// Draggable token in the palette // Draggable token in the palette
function DraggableToken({ id }: { id: string }) { function DraggableToken({ id }: { id: string }) {
const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({ id }); const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id });
const style: React.CSSProperties = { 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, opacity: isDragging ? 0.4 : 1,
cursor: 'grab', cursor: 'grab',
padding: '6px 12px', padding: '6px 12px',