AutoComplete AutoFocus not working

[MikeCodeur]

Hello

I try to use autoFocus on AutoComplete

like that

<AutoComplete {...this.props}
autoFocus={this.state.autoFocus}

Versions 17.0.1

Do you know if its possible or a bug ?

[anvk]

You can use the following workaround:

Add ref for your autocomplete

<AutoComplete

    ref={(input) => {this.autoCompleteInput = input;}}
/>

Force focus somewhere in the code

this.autoCompleteInput.refs.searchTextField.input.focus();

[oliviertassinari]

Closed by #4783

[wsfuller]

Still unable to get this to work

...
componentDidMount() {
    this.autoCompleteInput.refs.searchTextField.input.focus();
  }
...
  <AutoComplete
          autoFocus
          ref={(input) => {this.autoCompleteInput = input;}}
          name="proxySearch"
          hintText="Search for User"
          dataSource={this.state.dataSource}
          onUpdateInput={this.handleUpdateInput}
          filter={AutoComplete.noFilter}
          maxSearchResults={15}
          onNewRequest={this.handleNewRequest}
          dataSourceConfig={dataSourceConfig}
          fullWidth
        />
...

[gazpachu]

Any solution for this? @wsfuller @oliviertassinari @anvk @mika75

I didn't find a solution in #4783

[gazpachu]

I've fixed it by adding autoFocus to the TextField:

function renderInput(inputProps) {
  const { classes, ref, ...other } = inputProps;

  return (
    <TextField
      fullWidth
      autoFocus
      InputProps={{
        inputRef: ref,
        classes: {
          input: classes.input
        },
        ...other
      }}
    />
  );
}