<commit_before># @zestia/ember-auto-focus

<p>
  <a href="http://travis-ci.org/zestia/ember-auto-focus">
    <img src="https://travis-ci.org/zestia/ember-auto-focus.svg?branch=master">
  </a>

  <a href="https://david-dm.org/zestia/ember-auto-focus#badge-embed">
    <img src="https://david-dm.org/zestia/ember-auto-focus.svg">
  </a>

  <a href="https://david-dm.org/zestia/ember-auto-focus#dev-badge-embed">
    <img src="https://david-dm.org/zestia/ember-auto-focus/dev-status.svg">
  </a>

  <a href="https://emberobserver.com/addons/@zestia/ember-auto-focus">
    <img src="https://emberobserver.com/badges/-zestia-ember-auto-focus.svg">
  </a>

  <img src="https://img.shields.io/badge/Ember-%3E%3D%203.11-brightgreen">
</p>

HTML's `autofocus` attribute focuses an element on the first occurence of the attribute. But, does nothing on subsquent renders of the same element.

This addon provides an element modifier, which auto focuses the element when it is inserted into the DOM.

## Installation

```
ember install @zestia/ember-auto-focus
```

## Demo<commit_msg>badge<commit_after># @zestia/ember-auto-focus

<p>
  <a href="http://travis-ci.org/zestia/ember-auto-focus">
    <img src="https://travis-ci.org/zestia/ember-auto-focus.svg?branch=master">
  </a>

  <a href="https://david-dm.org/zestia/ember-auto-focus#badge-embed">
    <img src="https://david-dm.org/zestia/ember-auto-focus.svg">
  </a>

  <a href="https://david-dm.org/zestia/ember-auto-focus#dev-badge-embed">
    <img src="https://david-dm.org/zestia/ember-auto-focus/dev-status.svg">
  </a>

  <a href="https://emberobserver.com/addons/@zestia/ember-auto-focus">
    <img src="https://emberobserver.com/badges/-zestia-ember-auto-focus.svg">
  </a>

  <img src="https://img.shields.io/badge/Ember-%3E%3D%203.4-brightgreen">
</p>

HTML's `autofocus` attribute focuses an element on the first occurence of the attribute. But, does nothing on subsquent renders of the same element.

This addon provides an element modifier, which auto focuses the element when it is inserted into the DOM.

## Installation

```
ember install @zestia/ember-auto-focus
```

## Demo
{'fraction_non_alphanumeric': 0.17969115582592418, 'fraction_numerical': 0.006083294337856809, 'mean_word_length': 3.9376443418013856, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 33, 'https://': 16, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1131260', 'n_tokens_mistral': 837, 'n_tokens_neox': 805, 'n_words': 143}