Dropdown: Search won't put 'autocomplete=<something>' on <input />

[AlvMF1]

Steps

const options = [
  { key: 1, text: 'United States', value: 'US' },
  { key: 2, text: 'Canada', value: 'CA' },
  { key: 3, text: 'Brazil', value: 'BR' },
]
<Dropdown
  search
  selection
  options={options}
  placeholder='Select Country'
  autoComplete='country' // HERE
/>

Expected Result

<div role="combobox" aria-expanded="false" class="ui search selection dropdown">
  <!-- autocomplete on input -->
  <input type="text" aria-autocomplete="list" autocomplete="country" class="search" tabindex="0" value="">
  ...
</div>

Actual Result

<!-- autocomplete on div? -->
<div autocomplete="country" role="combobox" aria-expanded="false" class="ui search selection dropdown">
  <input type="text" aria-autocomplete="list" autocomplete="off" class="search" tabindex="0" value="">
  ...
</div>

Version

0.79.1

[layershifter]

Please use the shorthand for the search input.

https://react.semantic-ui.com/modules/dropdown#dropdown-example-search-input

[AlvMF1]

Didn't work for me...

const options = [
  { key: 1, text: 'United States', value: 'US' },
  { key: 2, text: 'Canada', value: 'CA' },
  { key: 3, text: 'Brazil', value: 'BR' },
]
<Dropdown
  search
  selection
  options={options}
  placeholder='Select Country'
  searchInput={{ autoComplete: 'country' }} // HERE
/>

Produces:

<div role="combobox" aria-expanded="false" class="ui search selection dropdown">
  <!-- autocomplete isn't on above div, but it's still "off" below -->
  <input type="text" autocomplete="off" aria-autocomplete="list" class="search" tabindex="0" value="">
  ...
</div>

[layershifter]

See #2738.