fix: missing compitable (#1170)

Author: zombieJ

src/SelectInput/Input.tsx

@@ -43,6 +43,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
     onInputBlur,
     autoFocus,
     tokenWithEnter,
+    placeholder,
     components: { input: InputComponent = 'input' },
   } = useSelectInputContext();
   const { id, classNames, styles, open, activeDescendantId, role, disabled } = useBaseProps() || {};
@@ -190,7 +191,11 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
     const existingProps: any = InputComponent.props || {};
 
     // Start with shared props as base
-    const mergedProps = { ...sharedInputProps, ...existingProps };
+    const mergedProps = {
+      placeholder: props.placeholder || placeholder,
+      ...sharedInputProps,
+      ...existingProps,
+    };
 
     // Batch update function calls
     Object.keys(existingProps).forEach((key) => {

tests/components.test.tsx

@@ -0,0 +1,25 @@
+import { render } from '@testing-library/react';
+import React from 'react';
+import Select from '../src';
+import { injectRunAllTimers } from './utils/common';
+
+describe('Select.Components', () => {
+  injectRunAllTimers(jest);
+
+  beforeEach(() => {
+    jest.useFakeTimers();
+  });
+
+  afterEach(() => {
+    jest.clearAllTimers();
+    jest.useRealTimers();
+  });
+
+  it('should pass placeholder to custom input', () => {
+    const { container } = render(
+      <Select mode="combobox" getInputElement={() => <textarea />} placeholder="test" />,
+    );
+
+    expect(container.querySelector('textarea')?.getAttribute('placeholder')).toBe('test');
+  });
+});