Is it possible to initially set focus to an input field of an Dropdown element?
<Dropdown
name={name}
placeholder='Select type'
search
searchInput={{ type: 'text' }}
selection
onChange={this.handleChange}
options={options}
/>
So the user should be able to start typing/searching without the need of clicking on the dropdown input field...
Is it possible to initially set focus to an input field of an Dropdown element?
<Dropdown
name={name}
placeholder='Select type'
search
searchInput={{ type: 'text' }}
selection
onChange={this.handleChange}
options={options}
/>
So the user should be able to start typing/searching without the need of clicking on the dropdown input field...
Share Improve this question edited Sep 23, 2017 at 20:58 Oleksandr Fediashov 4,3351 gold badge25 silver badges43 bronze badges asked Sep 23, 2017 at 11:03 user3142695user3142695 17.4k55 gold badges200 silver badges375 bronze badges 01 Answer
Reset to default 3If I understand your question correctly, you want to give your Dropdown ponent focus when your content is loaded?
If that is indeed the case, then you want to make use of Refs. See the following for a detailed example: Refs and the DOM
In particular:
When to Use Refs
There are a few good use cases for refs:
- Managing focus, text selection, or media playback.
- Triggering imperative animations.
- Integrating with third-party DOM libraries.