qonto-autofocus v0.0.0

qonto-autofocus

Short description of the addon.

Compatibility

• Ember.js v3.4 or above
• Ember CLI v2.13 or above
• Node.js v8 or above

Installation

ember install qonto-autofocus

Usage

This is a simple modifier to handle the autofocus of your inputs and other elements.

Examples

To set the autofocus to an ember component:

<MyComponent {{autofocus}} />

To set the autofocus to a native html element:

<input {{autofocus}} />

To set the autofocus to the first focusable input of an html container:

Here, #input-2 will be focused as input-1 is disabled:

<form {{autofocus}}>
  <input id="input-1" disabled="disabled" />
  <input id="input-2" />
  <button type="submit" />
</form>

To set the autofocus to something else than an input in a node's children:

Here, the autofocus will be applied to the button

<form {{autofocus "button"}}>
  <input />
  <input />
  <button type="submit" />
</form>

If the autofocus is applied multiple times, the latest element will be auto-focused:

Here, the autofocus will be applied to the button

<form>
  <input {{autofocus}} />
  <input {{autofocus}} />
  <button {{autofocus}} type="submit" />
</form>

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.