PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Merge pull request #2367 from matrix-org/bwindels/selectqueryonclick

Browse source 
Redesign: select search query on focus
This commit is contained in:
Bruno Windels 2018-12-18 16:19:24 +00:00 committed by GitHub
commit 23f24a987c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/structures/SearchBox.js
View file

@ -56,7 +56,6 @@ module.exports = React.createClass({
case 'focus_room_filter': case 'focus_room_filter':
if (this.refs.search) { if (this.refs.search) {
this.refs.search.focus(); this.refs.search.focus();
this.refs.search.select();
} }
break; break;
} }
@ -83,6 +82,10 @@ module.exports = React.createClass({
} }
}, },
_onFocus: function(ev) {
ev.target.select();
},
_clearSearch: function(source) { _clearSearch: function(source) {
this.refs.search.value = ""; this.refs.search.value = "";
this.onChange(); this.onChange();
@ -108,6 +111,7 @@ module.exports = React.createClass({
ref="search" ref="search"
className="mx_textinput_icon mx_textinput_search" className="mx_textinput_icon mx_textinput_search"
value={ this.state.searchTerm } value={ this.state.searchTerm }
onFocus={ this._onFocus }
onChange={ this.onChange } onChange={ this.onChange }
onKeyDown={ this._onKeyDown } onKeyDown={ this._onKeyDown }
placeholder={ _t('Filter room names') } placeholder={ _t('Filter room names') }