1.0.3 • Published 3 years ago

kawarimi v1.0.3

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Kawarimi

CI

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!'