fix: handle nested nativeElement structure in SelectInput

Use getDOM to properly extract the underlying DOM element
when RootComponent returns a nested structure (e.g., antd Input
with nativeElement property).

Co-Authored-By: Claude Opus 4.6 <[email protected]>

Author: zombieJ

src/SelectInput/index.tsx

@@ -165,7 +165,8 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
       blur: () => {
         (inputRef.current || rootRef.current).blur?.();
       },
-      nativeElement: rootRef.current,
+      // Use getDOM to handle nested nativeElement structure (e.g., when RootComponent is antd Input)
+      nativeElement: getDOM(rootRef.current),
     };
   });
 

tests/Custom.test.tsx

@@ -48,4 +48,36 @@ describe('Select.Custom', () => {
     expect(onFocus).toHaveBeenCalled();
     expect(onBlur).toHaveBeenCalled();
   });
+
+  it('should handle nested nativeElement structure correctly', () => {
+    // Mock component that returns nativeElement structure (similar to antd Input)
+    const CustomInputWithNativeElement = React.forwardRef<
+      { nativeElement: HTMLInputElement },
+      React.InputHTMLAttributes<HTMLInputElement>
+    >((props, ref) => {
+      const inputRef = React.useRef<HTMLInputElement>(null);
+
+      React.useImperativeHandle(ref, () => ({
+        nativeElement: inputRef.current!,
+        focus: () => inputRef.current?.focus(),
+        blur: () => inputRef.current?.blur(),
+      }));
+
+      return <input ref={inputRef} {...props} />;
+    });
+
+    const selectRef = React.createRef<any>();
+
+    render(
+      <Select
+        ref={selectRef}
+        getRawInputElement={() => <CustomInputWithNativeElement className="custom-input" />}
+      />,
+    );
+
+    // The nativeElement should be a DOM element, not a nested object
+    const { nativeElement } = selectRef.current;
+    expect(nativeElement).toBeInstanceOf(HTMLInputElement);
+    expect(nativeElement.className).toBe('custom-input');
+  });
 });