diff --git a/js/src/ui/Actionbar/Search/search.js b/js/src/ui/Actionbar/Search/search.js
index 30d8117bd98..31541f082fd 100644
--- a/js/src/ui/Actionbar/Search/search.js
+++ b/js/src/ui/Actionbar/Search/search.js
@@ -71,15 +71,15 @@ export default class ActionbarSearch extends Component {
key='searchAccount'>
@@ -118,6 +118,10 @@ export default class ActionbarSearch extends Component {
handleSearchClick = () => {
const { showSearch } = this.state;
+ if (!showSearch) {
+ this.refs.inputChip.focus();
+ }
+
this.handleOpenSearch(!showSearch);
}
diff --git a/js/src/ui/Actionbar/actionbar.css b/js/src/ui/Actionbar/actionbar.css
index aacc3fc395e..311e2b546d0 100644
--- a/js/src/ui/Actionbar/actionbar.css
+++ b/js/src/ui/Actionbar/actionbar.css
@@ -27,13 +27,14 @@
}
.toolbuttons {
-}
+ overflow: hidden;
-.toolbuttons button {
- margin: 10px 0 10px 16px !important;
- color: white !important;
-}
+ button {
+ margin: 10px 0 10px 16px !important;
+ color: white !important;
+ }
-.toolbuttons svg {
- fill: white !important;
+ svg {
+ fill: white !important;
+ }
}
diff --git a/js/src/ui/Form/InputChip/inputChip.js b/js/src/ui/Form/InputChip/inputChip.js
index a12825d71d7..479ca4b099d 100644
--- a/js/src/ui/Form/InputChip/inputChip.js
+++ b/js/src/ui/Form/InputChip/inputChip.js
@@ -170,6 +170,10 @@ export default class InputChip extends Component {
.filter(v => v !== value));
this.handleTokensChange(newTokens);
+ this.focus();
+ }
+
+ focus = () => {
this.refs.chipInput.focus();
}
diff --git a/js/src/views/Accounts/List/list.js b/js/src/views/Accounts/List/list.js
index 9cebdda6e6e..19245f4a2b0 100644
--- a/js/src/views/Accounts/List/list.js
+++ b/js/src/views/Accounts/List/list.js
@@ -220,8 +220,8 @@ class List extends Component {
const tags = account.meta.tags || [];
const name = account.name || '';
- const values = []
- .concat(tags, name)
+ const values = tags
+ .concat(name)
.map(v => v.toLowerCase());
return searchValues