dom-autofocus

focus an element when it enters the dom

Usage no npm install needed!

<script type="module">
  import domAutofocus from 'https://cdn.skypack.dev/dom-autofocus';
</script>

README

dom-autofocus

focus an element when it enters the dom

Why?

Because the autofocus attribute only works on page load.

This module uses a MutationObserver to call .focus() immediately after the element is mounted.

npm travis standard

Install

npm install dom-autofocus

Usage

dom-autofocus works well with non-virtual DOM diffing libraries like choo:

var autofocus = require('dom-autofocus')
var html = require('choo/html')

module.exports = function view () {
  return html`
    <body>
      Type here:
      ${autofocus(html`
        <input type="text">
      `)}
    </body>
  `
}

API

el = autofocus(el)

Autofocus the element when it enters the DOM. Returns the input el.

License

Apache-2.0