Pass focusedOption to the MenuList. This is useful for handling scrol…

…ling when overridng MenuList with a virtualized list from react-virtualized
JedWatson · Jan 16, 2019 · 08aac4c · 08aac4c
1 parent d35fd8d
commit 08aac4c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/Select.js b/src/Select.js
@@ -1453,7 +1453,7 @@ export default class Select extends Component<Props, State> {
 
     if (isMulti) {
       const selectValues: Array<any> = selectValue.map(opt => {
-        let isFocused = opt === focusedValue;
+        const isOptionFocused = opt === focusedValue;
         return (
           <MultiValue
             {...commonProps}
@@ -1462,7 +1462,7 @@ export default class Select extends Component<Props, State> {
               Label: MultiValueLabel,
               Remove: MultiValueRemove,
             }}
-            isFocused={isFocused}
+            isFocused={isOptionFocused}
             isDisabled={isDisabled}
             key={this.getOptionValue(opt)}
             removeProps={{
@@ -1698,6 +1698,7 @@ export default class Select extends Component<Props, State> {
                   innerRef={this.getMenuListRef}
                   isLoading={isLoading}
                   maxHeight={maxHeight}
+                  focusedOption={focusedOption}
                 >
                   {menuUI}
                 </MenuList>

diff --git a/src/components/Menu.js b/src/components/Menu.js
@@ -22,6 +22,7 @@ import type {
   MenuPlacement,
   MenuPosition,
   CommonProps,
+  OptionType
 } from '../types';
 import type { Theme } from '../types';
 
@@ -342,6 +343,7 @@ export type MenuListProps = {
   children: Node,
   /** Inner ref to DOM Node */
   innerRef: InnerRef,
+  focusedOption: OptionType
 };
 export type MenuListComponentProps = CommonProps &
   MenuListProps &