Alamantus/Lexiconga
1
0
Fork 0
mirror of https://github.com/Alamantus/Lexiconga.git synced 2025-04-05 11:11:34 +02:00
Code Issues Releases Activity

Focus search box when opening search header

Browse source
This commit is contained in:
Robbie Antenesse 2017-06-25 14:48:19 -06:00
parent b8354a3ae5
commit b5d57393c2
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/management/SearchBox.jsx
View file

@ -18,6 +18,12 @@ export class SearchBox extends Component {
}; };
} }
componentDidUpdate(prevProps, prevState) {
if (this.state.showHeader && this.searchBox) {
this.searchBox.focus();
}
}
search () { search () {
const {searchingIn, searchTerm, filteredPartsOfSpeech} = this.state; const {searchingIn, searchTerm, filteredPartsOfSpeech} = this.state;
const searchConfig = { const searchConfig = {
@ -57,6 +63,9 @@ export class SearchBox extends Component {
</p> </p>
<p className='control is-expanded'> <p className='control is-expanded'>
<input className='input' type='text' placeholder='Search Term' <input className='input' type='text' placeholder='Search Term'
ref={input => {
this.searchBox = input;
}}
value={this.state.searchTerm} value={this.state.searchTerm}
onChange={event => { onChange={event => {
console.log(event); console.log(event);