fix: DragPreview is not visible in safari

devongovett · devongovett · commit f9ff2b70ddc2 · 2025-11-17T16:51:33.000-08:00
diff --git a/packages/@react-aria/dnd/src/DragPreview.tsx b/packages/@react-aria/dnd/src/DragPreview.tsx
@@ -74,7 +74,7 @@ React.forwardRef(function DragPreview(props: DragPreviewProps, ref: ForwardedRef
   }
 
   return (
-    <div style={{zIndex: -100, position: 'absolute', top: 0, left: -100000}} ref={domRef}>
+    <div style={{zIndex: -100, position: 'fixed', top: 0, left: -100000}} ref={domRef}>
       {children}
     </div>
   );

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,7 @@ React.forwardRef(function DragPreview(props: DragPreviewProps, ref: ForwardedRef`
`74`	`74`	`}`
`75`	`75`
`76`	`76`	`return (`
`77`		`- <div style={{zIndex: -100, position: 'absolute', top: 0, left: -100000}} ref={domRef}>`
	`77`	`+ <div style={{zIndex: -100, position: 'fixed', top: 0, left: -100000}} ref={domRef}>`
`78`	`78`	`{children}`
`79`	`79`	`</div>`
`80`	`80`	`);`