# Ember input autofocus component . Any Idea?

**URL:** <https://discuss.emberjs.com/t/ember-input-autofocus-component-any-idea/9876>\
**Category:** Uncategorized\
**Created:** [February 22, 2016, 7:19am UTC](https://discuss.emberjs.com/t/ember-input-autofocus-component-any-idea/9876 "2016-02-22T07:19:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![vinothwindows47](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/vinothwindows47/32/12692_2.png) [@vinothwindows47](https://discuss.emberjs.com/u/vinothwindows47)\
**Post date:** [February 22, 2016, 7:19am UTC](https://discuss.emberjs.com/t/ember-input-autofocus-component-any-idea/9876/1 "2016-02-22T07:19:33Z")

</div>

I want ember input autofocus component. Do you have any idea ?

---

<div class="post-metadata">

**Author:** ![emberigniter](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@emberigniter](https://discuss.emberjs.com/u/emberigniter)\
**Post date:** [February 22, 2016, 2:44pm UTC](https://discuss.emberjs.com/t/ember-input-autofocus-component-any-idea/9876/2 "2016-02-22T14:44:32Z")

</div>

Hi Vinoth, how about an auto-focusing custom component:

```
export default Ember.TextField.extend({
  doFocus: Ember.on('didInsertElement', function() {
    this.$().focus();
  })
});

```

---

<div class="post-metadata">

**Author:** ![vinothwindows47](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/vinothwindows47/32/12692_2.png) [@vinothwindows47](https://discuss.emberjs.com/u/vinothwindows47)\
**Post date:** [February 23, 2016, 5:34am UTC](https://discuss.emberjs.com/t/ember-input-autofocus-component-any-idea/9876/3 "2016-02-23T05:34:42Z")

</div>

@emberigniter Previously I was using this autofocus component . In latest Ember 2.3.0 this “ **Ember.TextField** ” is deprecated ?

---

<div class="post-metadata">

**Author:** ![LozJackson](https://avatars.discourse-cdn.com/v4/letter/l/d6d6ee/32.png) [@LozJackson](https://discuss.emberjs.com/u/LozJackson)\
**Post date:** [February 23, 2016, 10:28am UTC](https://discuss.emberjs.com/t/ember-input-autofocus-component-any-idea/9876/4 "2016-02-23T10:28:02Z")

</div>

Use the `<input>` ( or `{{input}}` ) element with the html5 `autofocus` attribute

try this

`{{input type="text" autofocus="true"}}`

---

<div class="post-metadata">

**Author:** ![emberigniter](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@emberigniter](https://discuss.emberjs.com/u/emberigniter)\
**Post date:** [February 23, 2016, 9:19pm UTC](https://discuss.emberjs.com/t/ember-input-autofocus-component-any-idea/9876/5 "2016-02-23T21:19:13Z")

</div>

Really cool, I completely forgot about that `autofocus` attribute!

@vinothwindows47 It doesn’t look like deprecated: [http://emberjs.com/api/classes/Ember.TextField.html](http://emberjs.com/api/classes/Ember.TextField.html)