Stop page from scrolling up when moving resizer with left/right arrow keys (#3786)

LFDanLu · web-flow · commit 6e23c9a2c4a6 · 2022-12-02T13:22:25.000-08:00
diff --git a/packages/@react-spectrum/table/src/TableView.tsx b/packages/@react-spectrum/table/src/TableView.tsx
@@ -425,7 +425,7 @@ function TableVirtualizer({layout, collection, lastResizeInteractionModality, fo
 
   useEffect(() => {
     if (lastResizeInteractionModality.current === 'keyboard' && headerRef.current.contains(document.activeElement)) {
-      document.activeElement?.scrollIntoView?.(false);
+      document.activeElement?.scrollIntoView?.({block: 'nearest', inline: 'nearest'});
       bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
     }
   }, [state.contentSize, headerRef, bodyRef, lastResizeInteractionModality]);

Original file line number	Diff line number	Diff line change
`@@ -425,7 +425,7 @@ function TableVirtualizer({layout, collection, lastResizeInteractionModality, fo`
`425`	`425`
`426`	`426`	`useEffect(() => {`
`427`	`427`	`if (lastResizeInteractionModality.current === 'keyboard' && headerRef.current.contains(document.activeElement)) {`
`428`		`- document.activeElement?.scrollIntoView?.(false);`
	`428`	`+ document.activeElement?.scrollIntoView?.({block: 'nearest', inline: 'nearest'});`
`429`	`429`	`bodyRef.current.scrollLeft = headerRef.current.scrollLeft;`
`430`	`430`	`}`
`431`	`431`	`}, [state.contentSize, headerRef, bodyRef, lastResizeInteractionModality]);`