Semantic-ui-react: Autocomplete prop isn't passed down to dropdown's underlying input

[marinoska]

Bug Report

Steps

Create a Dropdown with custom autocomplete value:
<Dropdown search autocomplete='something' />

Expected Result

Autocomplete value is expected to be passed down:
<div><div class='search ... >
<input autocomplete='something' ...><input/>
</div></div>

Actual Result

The default autocomplete value is always used and props never comes from the user code
<div><div class='search ... >
<input autocomplete='off' ...><input/>
</div></div>

Version

0.82.5

Testcase

https://codesandbox.io/s/4l9v8r9x7

[welcome[bot]]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[layershifter]

In fact Dropdown doesn't pass it because this prop is not related to component. You can control this with the searchInput shorthand:

<Dropdown
  search
  searchInput={{ autoComplete: 'on', type: 'number' }}
/>

This feature is also covered in docs, https://react.semantic-ui.com/modules/dropdown/#usage-search-input

[marinoska]

Oh I missed that feature out. Thanks @layershifter!