config_service: focus search bar on page load

appengine/config_service/ui/src/config-ui/front-page.html

Index: appengine/config_service/ui/src/config-ui/front-page.html
diff --git a/appengine/config_service/ui/src/config-ui/front-page.html b/appengine/config_service/ui/src/config-ui/front-page.html
index 409170e640947213c2710c35774abf9bb3fac128..f57604f67a3e77b99cb879e75c2d2594358cc5f5 100644
--- a/appengine/config_service/ui/src/config-ui/front-page.html
+++ b/appengine/config_service/ui/src/config-ui/front-page.html
@@ -72,7 +72,8 @@
     </iron-ajax>
     
     <div class="search-bar">
-      <paper-search-bar 
+      <paper-search-bar
+          id = "searchBar"
           query="{{query}}"
           hide-filter-button="true"></paper-search-bar>
     </div>
@@ -149,6 +150,9 @@
         } else {
           this.$.requestConfigs.generateRequest();
         }
+        setTimeout(function() {
+          this.$['searchBar'].focus();

[Sergey Berezin, 2017/07/31 18:37:15]

Any reason why focus is inside a timeout rather than called directly?

[ayanaadylova, 2017/07/31 18:51:52]

Calling focus directly does not actually focus on the search bar. I think it is
because <paper-search-bar> is not ready when we try to focus on it (despite
being inside this custom element's ready callback). Instead of setting timeout I
can also add event listener to the WebComponentsReady that would be called when
all components are initialized.  

[Sergey Berezin, 2017/07/31 20:31:45]

Indeed, I'd prefer an event trigger rather than a timeout, it's more reliable.

+        }.bind(this), 0);
       },
 
       _onSignIn: function() {