From 89b3def29c92c030ca957839e26f5eb7ed73b15e Mon Sep 17 00:00:00 2001
From: Thusan Arul <piruthusan@gmail.com>
Date: Wed, 5 Nov 2025 11:14:14 +0100
Subject: [PATCH] Adds mount prop to DragOverlay props

---
 src/drag-overlay.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 };
-