fix: not prevent when child

Author: zombieJ

src/SelectInput/index.tsx

@@ -171,7 +171,8 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
   // ====================== Open ======================
   const onInternalMouseDown: SelectInputProps['onMouseDown'] = useEvent((event) => {
     if (!disabled) {
-      if (event.target !== getDOM(inputRef.current)) {
+      const inputDOM = getDOM(inputRef.current);
+      if (inputDOM && event.target !== inputDOM && !inputDOM.contains(event.target as Node)) {
         event.preventDefault();
       }
 

tests/components.test.tsx

@@ -1,4 +1,4 @@
-import { render } from '@testing-library/react';
+import { createEvent, fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import Select from '../src';
 import { injectRunAllTimers } from './utils/common';
@@ -22,4 +22,27 @@ describe('Select.Components', () => {
 
     expect(container.querySelector('textarea')?.getAttribute('placeholder')).toBe('test');
   });
+
+  it('should not preventDefault when customize input contains input', () => {
+    const preventDefault = jest.fn();
+    const { container } = render(
+      <Select
+        mode="combobox"
+        getInputElement={() => (
+          <div>
+            <textarea />
+          </div>
+        )}
+      />,
+    );
+
+    const textareaEle = container.querySelector('textarea');
+
+    // Create mouseDown event on the selector element
+    const mouseDownEvent = createEvent.mouseDown(textareaEle);
+    mouseDownEvent.preventDefault = preventDefault;
+    fireEvent(textareaEle, mouseDownEvent);
+
+    expect(preventDefault).not.toHaveBeenCalled();
+  });
 });