diff --git a/packages/react-select/src/Select.tsx b/packages/react-select/src/Select.tsx index 798f6126b2..b78122e530 100644 --- a/packages/react-select/src/Select.tsx +++ b/packages/react-select/src/Select.tsx @@ -668,10 +668,16 @@ export default class Select< focusedOptionRef: HTMLDivElement | null = null; getFocusedOptionRef: RefCallback = (ref) => { this.focusedOptionRef = ref; + if (this.menuListRef && this.focusedOptionRef) { + scrollIntoView(this.menuListRef, this.focusedOptionRef); + } }; menuListRef: HTMLDivElement | null = null; getMenuListRef: RefCallback = (ref) => { this.menuListRef = ref; + if (this.menuListRef && this.focusedOptionRef) { + scrollIntoView(this.menuListRef, this.focusedOptionRef); + } }; inputRef: HTMLInputElement | null = null; getInputRef: RefCallback = (ref) => {