diff --git a/CHANGELOG.md b/CHANGELOG.md index 3c8a26d31..37eaa04dc 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/lib/global/event-handlers/onDocumentKeyDown.ts b/lib/global/event-handlers/onDocumentKeyDown.ts index b126b37a0..d11e9baee 100644 --- a/lib/global/event-handlers/onDocumentKeyDown.ts +++ b/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": { diff --git a/lib/global/event-handlers/onDocumentPointerDown.ts b/lib/global/event-handlers/onDocumentPointerDown.ts index d8ce7ed76..e52c2cbe2 100644 --- a/lib/global/event-handlers/onDocumentPointerDown.ts +++ b/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 + }); } }