Fixes #3648 - Not scrolling to the selected group option on menu open

louisptremblay · web-flow · commit 5741fe6b6aa0 · 2021-03-05T07:16:57.000-05:00
diff --git a/packages/react-select/src/Select.js b/packages/react-select/src/Select.js
@@ -611,7 +611,7 @@ export default class Select extends Component<Props, State> {
       this.focusedOptionRef &&
       this.scrollToFocusedOptionOnUpdate
     ) {
-      scrollIntoView(this.menuListRef, this.focusedOptionRef);
+      setTimeout(() => scrollIntoView(this.menuListRef, this.focusedOptionRef), 0);
       this.scrollToFocusedOptionOnUpdate = false;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -611,7 +611,7 @@ export default class Select extends Component<Props, State> {`
`611`	`611`	`this.focusedOptionRef &&`
`612`	`612`	`this.scrollToFocusedOptionOnUpdate`
`613`	`613`	`) {`
`614`		`- scrollIntoView(this.menuListRef, this.focusedOptionRef);`
	`614`	`+ setTimeout(() => scrollIntoView(this.menuListRef, this.focusedOptionRef), 0);`
`615`	`615`	`this.scrollToFocusedOptionOnUpdate = false;`
`616`	`616`	`}`
`617`	`617`	`}`