fix: preserve user-provided id on Autocomplete input

packages/eds-core-react/src/components/Autocomplete/Autocomplete.test.tsx

@@ -138,6 +138,21 @@
     expect(optionsList.nodeName).toBe('UL')
   })
 
+  it('Preserves user-provided id on the input element', () => {
+    render(<Autocomplete id="my-custom-id" label={labelText} options={items} />)
+    const input = screen.getAllByLabelText(labelText)[0]
+    expect(input).toHaveAttribute('id', 'my-custom-id')
+  })
+
+  it('Maintains label-input association when custom id is provided', () => {
+    const { container } = render(
+      <Autocomplete id="my-custom-id" label={labelText} options={items} />,
+    )
+    const input = screen.getAllByLabelText(labelText)[0]
+    const label = container.querySelector('label')
+    expect(label).toHaveAttribute('for', 'my-custom-id')
+  })
+
   it('Has provided ReactNode label', async () => {
     render(<Autocomplete label={<div>{labelText}</div>} options={items} />)
 

packages/eds-core-react/src/components/Autocomplete/useAutocomplete.ts

@@ -65,6 +65,7 @@ export const useAutocomplete = <T>({
   variant,
   onClear,
   ref,
+  id,
   ...other
 }: AutocompleteProps<T> & { ref?: React.Ref<HTMLInputElement> }) => {
   const [lastScrollOffset, setLastScrollOffset] = useState<number>(0)
@@ -295,6 +296,7 @@ export const useAutocomplete = <T>({
 
   // MARK: downshift state
   let comboBoxProps: UseComboboxProps<T> = {
+    ...(id !== undefined && { inputId: id }),
     items: availableItems as T[], //can not pass readonly type to downshift so we cast it to regular T[]
     initialSelectedItem: initialSelectedOptions[0],
     isItemDisabled(item) {