Keyboard navigation for Web Apps and Components.

• Organize your web page or web application by navigation areas.
• Never lose the context while navigating the area with the TAB key.
• Leave the context with the ESC key.

npm install @chialab/loock

yarn add @chialab/loock

import { focusTrapBehavior } from 'https://unpkg.com/@chialab/loock?module';

import { focusTrapBehavior } from '@chialab/loock';

const dialog = document.getElementById('.dialog');
const trap = focusTrapBehavior(dialog, {
    inert: true,
});

dialog.addEventListener('open', () => {
    trap.connect();
});

Install the dependencies and run the build script:

yarn install

yarn build

This will generate the bundles in the dist folder, as well as the declaration file.

Run the test script:

yarn test

Loock is released under the MIT license.