feat: support search input autocomplete overrides

README.md

@@ -68,6 +68,7 @@ Select also accepts public props from `BaseSelect`, except `showSearch`, which i
 
 | Name | Description | Type | Default |
 | --- | --- | --- | --- |
+| autoComplete | Browser autocomplete hint for the search input. | string | `new-password` |
 | autoClearSearchValue | Deprecated. Use `showSearch.autoClearSearchValue` instead. | boolean | true |
 | backfill | Backfill the active option into the input. Only works in `combobox` mode. | boolean | false |
 | children | Legacy option children. Prefer `options` for new code. | ReactNode | - |

src/BaseSelect/index.tsx

@@ -144,6 +144,7 @@ export interface BaseSelectProps
   tagRender?: (props: CustomTagProps) => React.ReactElement;
   direction?: 'ltr' | 'rtl';
   autoFocus?: boolean;
+  autoComplete?: string;
   placeholder?: React.ReactNode;
   maxCount?: number;
 

src/SelectInput/Input.tsx

@@ -43,6 +43,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
     autoFocus,
     tokenWithEnter,
     placeholder,
+    autoComplete: contextAutoComplete,
     components: { input: InputComponent = 'input' },
   } = useSelectInputContext();
   const { id, classNames, styles, open, activeDescendantId, role, disabled } = useBaseProps() || {};
@@ -170,7 +171,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
       '--select-input-width': widthCssVar,
     } as React.CSSProperties,
     autoFocus,
-    autoComplete: autoComplete || 'new-password',
+    autoComplete: autoComplete ?? contextAutoComplete ?? 'new-password',
     className: inputCls,
     disabled,
     value: value || '',

src/SelectInput/index.tsx

@@ -37,6 +37,7 @@ export interface SelectInputProps extends Omit<React.HTMLAttributes<HTMLDivEleme
   onSelectorRemove?: (value: DisplayValueType) => void;
   maxLength?: number;
   autoFocus?: boolean;
+  autoComplete?: string;
   /** Check if tokenization should treat pasted line breaks as separators */
   tokenWithEnter?: boolean;
   // Add other props that need to be passed through
@@ -60,6 +61,7 @@ const DEFAULT_OMIT_PROPS = [
   'onPopupScroll',
   'tabIndex',
   'activeValue',
+  'autoComplete',
   'onSelectorRemove',
   'focused',
 ] as const;

tests/Select.test.tsx

@@ -1424,7 +1424,7 @@ describe('Select.Basic', () => {
     expect(container.querySelector('.rc-select-item-empty').textContent).toEqual('Not Found');
   });
 
-  it('uses text input type and disables browser autocomplete for search', () => {
+  it('uses text input type with autocomplete suppression by default', () => {
     const { container } = render(
       <Select showSearch open>
         <Option value="1">1</Option>
@@ -1436,6 +1436,17 @@ describe('Select.Basic', () => {
     expect(input.getAttribute('autocomplete')).toBe('new-password');
   });
 
+  it('forwards autocomplete to the search input', () => {
+    const { container } = render(
+      <Select showSearch open autoComplete="off">
+        <Option value="1">1</Option>
+      </Select>,
+    );
+
+    expect(container.querySelector('input')).toHaveAttribute('autocomplete', 'off');
+    expect(container.querySelector('.rc-select')).not.toHaveAttribute('autocomplete');
+  });
+
   it('warns on invalid children', () => {
     const Foo = (value) => <div>foo{value}</div>;
     const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => null);