Programmatically focus a Select

It is possible to focus Textfields, buttons with a ref. This isn’t working with select. I do not mean autoFocus. I want to focus on a select field when a user clicks on a button.

My code:

<FormControl className="select100"> <Select ref={(formControll) => { this.formControll = formControll; }} native value={aValue} input={<Input id="integer" />} > {possibleOptions.map((item, key) => { return (<option value={item} key={key}>{item}</option>) })} </Select> </FormControl>

If I now try to set the focus on the select with: this.formControll.focus(); it isn’t working.

Tech	Version
Material-UI	1.0.0-beta.24
React	16.2.0
browser	Chrome

[joshwooding]

@sedi0861 https://codesandbox.io/s/8nj6jz8n38 If I change handleFocus to use your textInput ref it works

[joshwooding]

@sedi0861 It does? https://codesandbox.io/s/y79j9x8421