2.0.4 • Published 6 years ago
ember-auto-focus v2.0.4
ember-auto-focus
HTML's autofocus
attribute focuses an element on page load.
However, in single page apps the page load event only happens once - so autofocus
pretty much becomes useless.
Example
When the auto-focus element is inserted, it will attempt to focus the first child contained within it:
{{#if showField}}
{{#auto-focus}}
<input>
{{/auto-focus}}
{{/if}}
Alternatively, you can pass in a selector:
{{#auto-focus '.my-child'}}
<div class="my-child" tabindex=0></div>
{{/auto-focus}}
You can set the disabled attribute to true to prevent autofocusing:
{{#auto-focus disabled=shouldAutoFocus}}
...
{{/auto-focus}}
Installation
ember install ember-auto-focus