Kawarimi

Small function that removes an element but keeps the focus at the correct position.

When the element is removed, the focus is moved to the decoy.
Once the decoy loses focus, the decoy is removed.

Install

npm install kawarimi

Usage

import kawarimiNoJutsu from 'kawarimi'

const target = document.querySelector('#alert-message')
kawarimiNoJutsu(target)

You can also indicate that the element has been removed:

const target = document.querySelector('#alert-message')
const decoy = kawarimiNoJutsu(target)

decoy.setAttribute('aria-live', 'polite')
decoy.textContent = 'Kawarimi no jutsu!'