Don't scroll separator when setting focus (#683)

Author: bvaughn

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 4.7.2 (unreleased)
+
+- [683](https://github.com/bvaughn/react-resizable-panels/pull/683): Don't scroll separator when setting focus
+
 ## 4.7.1
 
 - [678](https://github.com/bvaughn/react-resizable-panels/pull/678): Change default overflow styles to support shadows

lib/global/event-handlers/onDocumentKeyDown.ts

@@ -120,7 +120,9 @@ export function onDocumentKeyDown(event: KeyboardEvent) {
           : 0;
 
       const nextSeparatorElement = separatorElements[nextIndex] as HTMLElement;
-      nextSeparatorElement.focus();
+      nextSeparatorElement.focus({
+        preventScroll: true
+      });
       break;
     }
     case "Home": {

lib/global/event-handlers/onDocumentPointerDown.ts

@@ -23,7 +23,9 @@ export function onDocumentPointerDown(event: PointerEvent) {
       if (!didChangeFocus) {
         didChangeFocus = true;
 
-        current.separator.element.focus();
+        current.separator.element.focus({
+          preventScroll: true
+        });
       }
     }