UX: Select text in input when toggling search menu.

2016-07-08 14:17:02 +08:00 · 2016-07-08 14:17:02 +08:00 · e619af3eee
parent d1bb71f99d
commit e619af3eee
1 changed files with 4 additions and 1 deletions
--- a/app/assets/javascripts/discourse/widgets/header.js.es6
+++ b/app/assets/javascripts/discourse/widgets/header.js.es6
@ -215,7 +215,10 @@ export default createWidget('header', {

    this.state.searchVisible = !this.state.searchVisible;
    this.updateHighlight();
-    Ember.run.next(() => $('#search-term').focus());
+
+    if (this.state.searchVisible) {
+      Ember.run.schedule('afterRender', () => $('#search-term').focus().select());
+    }
  },

  toggleUserMenu() {