Fix: Allow space character in Select input

Fixed issue where pressing the space key in Select input would not add a space character to the input field.

The space key was always calling preventDefault(), which prevented the default behavior of adding a space character to the input.

Changes:
- Modified space key handling in BaseSelect to allow space to be typed when dropdown is open and user has typed content
- Space still prevents default behavior when dropdown is closed (opens dropdown) or when input is empty (prevents page scroll)
- Added test cases to verify the fix

This fix allows users to type spaces in search terms within Select components while maintaining the existing behavior for opening the dropdown.

Author: zombieJ

src/BaseSelect/index.tsx

@@ -470,14 +470,15 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
 
     // Enter or Space opens dropdown (ARIA combobox: spacebar should open)
     if (isEnterKey || isSpaceKey) {
-      // Do not submit form when type in the input; prevent Space from scrolling page
-      if (mode !== 'combobox') {
-        event.preventDefault();
-      }
-
-      // We only manage open state here, close logic should handle by list component
       if (!mergedOpen) {
+        if (mode !== 'combobox') {
+          event.preventDefault();
+        }
         triggerOpen(true);
+      } else if (!(isSpaceKey && mergedSearchValue !== '')) {
+        if (mode !== 'combobox') {
+          event.preventDefault();
+        }
       }
     }
 

tests/spaceInput.test.tsx

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { render } from '@testing-library/react';
+import Select from '../src/Select';
+
+describe('Space key input in Select', () => {
+  it('should allow typing space when typing in the input', () => {
+    const { container } = render(
+      <Select showSearch options={[{ value: 'test', label: 'test' }]} />,
+    );
+
+    const input = container.querySelector('input');
+    input.focus();
+    input.value = 'hello';
+
+    const event = new Event('input', { bubbles: true });
+    input.dispatchEvent(event);
+
+    const keyDownEvent = new KeyboardEvent('keydown', {
+      key: ' ',
+      code: 'Space',
+      bubbles: true,
+    });
+    input.dispatchEvent(keyDownEvent);
+
+    expect(input.value).toBe('hello');
+  });
+
+  it('should open dropdown on space when input is empty', () => {
+    const { container } = render(
+      <Select showSearch options={[{ value: 'test', label: 'test' }]} />,
+    );
+
+    const input = container.querySelector('input');
+    input.focus();
+
+    const keyDownEvent = new KeyboardEvent('keydown', {
+      key: ' ',
+      code: 'Space',
+      bubbles: true,
+    });
+    const preventDefaultSpy = jest.spyOn(keyDownEvent, 'preventDefault');
+
+    input.dispatchEvent(keyDownEvent);
+
+    expect(preventDefaultSpy).toHaveBeenCalled();
+  });
+});