Ember.js autofocus on just created template

Question

Is it possible in Ember to set focus on just created template?

  <script type="text/x-handlebars" data-template-name="foo">
    {{#linkTo "foo.bars" class="success radius button"}}GET ALL THE BARS{{/linkTo}}
    {{outlet}}
  </script>

How to set focus on the new foo/bars template?

Answer 1

Have you tried scrollIntoView ? You can create a view that calls that on its element after rendering:

App.FooFoo = Ember.View.extend({
  templateName: 'foo',

  didInsertElement: function() {
    var el = this.$()[0];
    el.scrollIntoView();
  }
});