Merge pull request #3360 from sunniejai/master

Pass focusedOption to the MenuList
JedWatson · Mar 19, 2021 · f3c0bb5 · f3c0bb5
2 parents 53371d5 + 035294f
commit f3c0bb5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/dirty-laws-trade.md b/.changeset/dirty-laws-trade.md
@@ -0,0 +1,5 @@
+---
+"react-select": minor
+---
+
+Now pass the focusedOption to the MenuList Component as a prop
diff --git a/packages/react-select/src/Select.js b/packages/react-select/src/Select.js
@@ -1725,6 +1725,7 @@ export default class Select extends Component<Props, State> {
                   }}
                   isLoading={isLoading}
                   maxHeight={maxHeight}
+                  focusedOption={focusedOption}
                 >
                   {menuUI}
                 </MenuList>

diff --git a/packages/react-select/src/components/Menu.js b/packages/react-select/src/components/Menu.js
@@ -23,6 +23,7 @@ import type {
   MenuPlacement,
   MenuPosition,
   CommonProps,
+  OptionType,
 } from '../types';
 import type { Theme } from '../types';
 
@@ -352,6 +353,8 @@ export type MenuListProps = {
   children: Node,
   /** Inner ref to DOM Node */
   innerRef: InnerRef,
+  /** The currently focused option */
+  focusedOption: OptionType,
   /** Props to be passed to the menu-list wrapper. */
   innerProps: {},
 };