feat: add disableAutoScroll prop to control auto-scrolling behavior in the select component

README.md

@@ -122,6 +122,7 @@ export default () => (
 | dropdownRender | render custom dropdown menu | (menu: React.Node) => ReactNode | - |
 | loading | show loading icon in arrow | boolean | false |
 | virtual | Disable virtual scroll | boolean | true |
+| disableAutoScroll | Disable auto scroll to selected option | boolean | false |
 | direction | direction of dropdown | 'ltr' \| 'rtl' | 'ltr' |
 | optionRender | Custom rendering options | (oriOption: FlattenOptionData\<BaseOptionType\> , info: { index: number }) => React.ReactNode | - |
 | labelRender  | Custom rendering label   |  (props: LabelInValueType) => React.ReactNode   | - |

src/OptionList.tsx

@@ -52,6 +52,7 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
     flattenOptions,
     onActiveValue,
     defaultActiveFirstOption,
+    disableAutoScroll,
     onSelect,
     menuItemSelectedIcon,
     rawValues,
@@ -157,7 +158,7 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
      */
     let timeoutId: NodeJS.Timeout;
 
-    if (!multiple && open && rawValues.size === 1) {
+    if (!disableAutoScroll && !multiple && open && rawValues.size === 1) {
       const value: RawValueType = Array.from(rawValues)[0];
       // Scroll to the option closest to the searchValue if searching.
       const index = memoFlattenOptions.findIndex(({ data }) =>

src/Select.tsx

@@ -164,6 +164,7 @@ export interface SelectProps<
     info: { index: number },
   ) => React.ReactNode;
   defaultActiveFirstOption?: boolean;
+  disableAutoScroll?: boolean;
   virtual?: boolean;
   direction?: 'ltr' | 'rtl';
   listHeight?: number;
@@ -214,6 +215,7 @@ const Select = React.forwardRef<BaseSelectRef, SelectProps<any, DefaultOptionTyp
       optionRender,
       children,
       defaultActiveFirstOption,
+      disableAutoScroll,
       menuItemSelectedIcon,
       virtual,
       direction,
@@ -675,6 +677,7 @@ const Select = React.forwardRef<BaseSelectRef, SelectProps<any, DefaultOptionTyp
         flattenOptions: displayOptions,
         onActiveValue,
         defaultActiveFirstOption: mergedDefaultActiveFirstOption,
+        disableAutoScroll,
         onSelect: onInternalSelect,
         menuItemSelectedIcon,
         rawValues,
@@ -695,6 +698,7 @@ const Select = React.forwardRef<BaseSelectRef, SelectProps<any, DefaultOptionTyp
       displayOptions,
       onActiveValue,
       mergedDefaultActiveFirstOption,
+      disableAutoScroll,
       onInternalSelect,
       menuItemSelectedIcon,
       rawValues,

src/SelectContext.ts

@@ -37,6 +37,7 @@ export interface SelectContextProps {
   listItemHeight?: number;
   childrenAsData?: boolean;
   maxCount?: number;
+  disableAutoScroll?: boolean;
 }
 
 const SelectContext = React.createContext<SelectContextProps>(null);