update table loading sentinel styles for non-virtualized tables in Safari

position absolute/relative is not really well supported in Safari making the loading sentinel not scroll into view when scrolling the table

Author: LFDanLu

packages/react-aria-components/src/Table.tsx

@@ -1399,8 +1399,10 @@ export const UNSTABLE_TableLoadingSentinel = createLeafComponent('loader', funct
     <>
       {/* Alway render the sentinel. For now onus is on the user for styling when using flex + gap (this would introduce a gap even though it doesn't take room) */}
       {/* @ts-ignore - compatibility with React < 19 */}
-      <TR style={{position: 'relative', width: 0, height: 0}} inert={inertValue(true)} >
-        <TD data-testid="loadMoreSentinel" ref={sentinelRef} style={{position: 'absolute', height: 1, width: 1}} />
+      <TR style={{height: 0}} inert={inertValue(true)}>
+        <TD style={{padding: 0, border: 0}}>
+          <div data-testid="loadMoreSentinel" ref={sentinelRef} style={{position: 'relative', height: 1, width: 1}} />
+        </TD>
       </TR>
       {isLoading && renderProps.children && (
         <TR

packages/react-aria-components/stories/Table.stories.tsx

@@ -538,8 +538,8 @@ const MyTableLoadingIndicator = (props) => {
     // These styles will make the load more spinner sticky. A user would know if their table is virtualized and thus could control this styling if they wanted to
     // TODO: this doesn't work because the virtualizer wrapper around the table body has overflow: hidden. Perhaps could change this by extending the table layout and
     // making the layoutInfo for the table body have allowOverflow
-    <UNSTABLE_TableLoadingSentinel style={{height: 30, position: 'sticky', top: 0, left: 0, width: tableWidth}} {...otherProps}>
-      <LoadingSpinner style={{height: 20, width: 20, transform: 'translate(-50%, -50%)'}} />
+    <UNSTABLE_TableLoadingSentinel style={{height: 30, width: tableWidth}} {...otherProps}>
+      <LoadingSpinner style={{height: 20, position: 'unset'}} />
     </UNSTABLE_TableLoadingSentinel>
   );
 };