fix: DragPreview is not visible in safari (#9200)

* fix: DragPreview is not visible in safari

* fix mock

* fix more mocks

Author: devongovett

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

packages/@react-aria/dnd/test/dnd.test.js

@@ -1337,8 +1337,8 @@ describe('useDrag and useDrop', function () {
             top: 0,
             x: 0,
             y: 0,
-            width: this.style.position === 'absolute' ? 20 : 100,
-            height: this.style.position === 'absolute' ? 20 : 50
+            width: this.style.position === 'fixed' ? 20 : 100,
+            height: this.style.position === 'fixed' ? 20 : 50
           };
         });
 
@@ -1364,8 +1364,8 @@ describe('useDrag and useDrop', function () {
             top: 0,
             x: 0,
             y: 0,
-            width: this.style.position === 'absolute' ? 20 : 100,
-            height: this.style.position === 'absolute' ? 20 : 50
+            width: this.style.position === 'fixed' ? 20 : 100,
+            height: this.style.position === 'fixed' ? 20 : 50
           };
         });
 
@@ -1391,8 +1391,8 @@ describe('useDrag and useDrop', function () {
             top: 0,
             x: 0,
             y: 0,
-            width: this.style.position === 'absolute' ? 20 : 100,
-            height: this.style.position === 'absolute' ? 20 : 50
+            width: this.style.position === 'fixed' ? 20 : 100,
+            height: this.style.position === 'fixed' ? 20 : 50
           };
         });