diff --git a/src/drag-overlay.tsx b/src/drag-overlay.tsx
index 1b0c2f5..ebefa7e 100644
--- a/src/drag-overlay.tsx
+++ b/src/drag-overlay.tsx
@@ -9,6 +9,7 @@ interface DragOverlayProps {
   children: JSX.Element | ((activeDraggable: Draggable | null) => JSX.Element);
   class?: string;
   style?: JSX.CSSProperties;
+  mount?: HTMLElement;
 }
 
 const DragOverlay: Component<DragOverlayProps> = (props) => {
@@ -57,7 +58,7 @@ const DragOverlay: Component<DragOverlayProps> = (props) => {
   };
 
   return (
-    <Portal mount={document.body}>
+    <Portal mount={props.mount ?? document.body}>
       <Show when={state.active.draggable}>
         <div ref={node} class={props.class} style={style()}>
           {typeof props.children === "function"
@@ -70,4 +71,3 @@ const DragOverlay: Component<DragOverlayProps> = (props) => {
 };
 
 export { DragOverlay };
-