Merge pull request #4097 from MKuenzi/master

Search bookmarks as soon as characters are typed
brave · Sep 19, 2016 · 3fbf38d · 3fbf38d
2 parents 6655cc9 + 039aef0
commit 3fbf38d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/js/about/bookmarks.js b/js/about/bookmarks.js
@@ -254,10 +254,13 @@ class AboutBookmarks extends React.Component {
       return title.match(new RegExp(searchTerm, 'gi'))
     })
   }
+  componentDidMount () {
+    this.refs.bookmarkSearch.focus()
+  }
   render () {
     return <div className='siteDetailsPage'>
       <h2 data-l10n-id='folders' />
-      <input type='text' className='searchInput' id='bookmarkSearch' value={this.state.search} onChange={this.onChangeSearch} data-l10n-id='bookmarkSearch' />
+      <input type='text' className='searchInput' ref='bookmarkSearch' id='bookmarkSearch' value={this.state.search} onChange={this.onChangeSearch} data-l10n-id='bookmarkSearch' />
       {
         this.state.search
         ? <span onClick={this.onClearSearchText} className='fa fa-close searchInputClear' />