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

keep filter field expanded if it has text in it

Browse source
This commit is contained in:
Bruno Windels 2019-09-11 13:46:18 +02:00
parent 68dde07f49
commit ad2e16d432
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/structures/LeftPanel.js
View file

@ -81,7 +81,7 @@ const LeftPanel = createReactClass({
if (this.state.searchFilter !== nextState.searchFilter) {
return true;
}
if (this.state.searchFocused !== nextState.searchFocused) {
if (this.state.searchExpanded !== nextState.searchExpanded) {
return true;
}
@ -206,6 +206,7 @@ const LeftPanel = createReactClass({
if (source === "keyboard") {
dis.dispatch({action: 'focus_composer'});
}
this.setState({searchExpanded: false});
},
collectRoomList: function(ref) {
@ -213,11 +214,13 @@ const LeftPanel = createReactClass({
},
_onSearchFocus: function() {
this.setState({searchFocused: true});
this.setState({searchExpanded: true});
},
_onSearchBlur: function() {
this.setState({searchFocused: false});
_onSearchBlur: function(event) {
if (event.target.value.length === 0) {
this.setState({searchExpanded: false});
}
},
render: function() {
@ -255,7 +258,7 @@ const LeftPanel = createReactClass({
let exploreButton;
if (!this.props.collapsed) {
exploreButton = (
<div className={classNames("mx_LeftPanel_explore", {"mx_LeftPanel_explore_hidden": this.state.searchFocused})}>
<div className={classNames("mx_LeftPanel_explore", {"mx_LeftPanel_explore_hidden": this.state.searchExpanded})}>
<AccessibleButton onClick={() => dis.dispatch({action: 'view_room_directory'})}>{_t("Explore")}</AccessibleButton>
</div>
);