diff --git a/packages/dockview-core/src/dnd/ghost.ts b/packages/dockview-core/src/dnd/ghost.ts index df976c7cf..9573566b3 100644 --- a/packages/dockview-core/src/dnd/ghost.ts +++ b/packages/dockview-core/src/dnd/ghost.ts @@ -8,6 +8,9 @@ export function addGhostImage( // class dockview provides to force ghost image to be drawn on a different layer and prevent weird rendering issues addClasses(ghostElement, 'dv-dragged'); + // move the element off-screen initially otherwise it may in some cases be rendered at (0,0) momentarily + ghostElement.style.top = '-9999px'; + document.body.appendChild(ghostElement); dataTransfer.setDragImage(ghostElement, options?.x ?? 0, options?.y ?? 0);