Dropdown: tabIndex rendered incorrectly

[kfuglsang]

Steps

Passing prop tabIndex to Dropdown should set it as an attribute on the <input> element, not the containing <div> element.
Currently the tabindex is rendered on both the <div> and the <input> element.

Expected Result

<div name="template" role="combobox" aria-expanded="false" class="ui fluid search selection dropdown">
<input type="text" aria-autocomplete="list" autocomplete="off" class="search" tabindex="6" value="">
...
</div>

Actual Result

<div name="template" role="combobox" aria-expanded="false" class="ui fluid search selection dropdown" tabindex="6">
<input type="text" aria-autocomplete="list" autocomplete="off" class="search" tabindex="6" value="">
...
</div>

Version

0.73.1

[layershifter]

I've examined SUI examples and @kfuglsang is right, the search Dropdown shoud have tabIndex on input while regular Dropdown should have it on root div.

The logic below will be correct:

computeTabIndex = () => {
    const { disabled, search, tabIndex } = this.props

    // don't set a root node tabIndex as the search input has its own tabIndex
    if(search) return undefined
    if(disabled) return -1
    return _.isNil(tabIndex)) ? 0 :  tabIndex
  }

Assertion that root div doesn't have tabIndex with search prop should be also added.