Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

focus-outline-manager

1.0.2 • Public • Published

focus-outline-manager

Watch users keyboard input and manage the focus outline visibility

NPM version

By default, browsers add an outline around buttons and other controls when they are clicked:

Removing the outline for all users by setting *:focus {outline: none;} will make the site less accessible for keyboard users.

focus-outline-manager enables you to remove the outline for mouse users, retaining it for keyboard users.

Demo

Install

npm install --save focus-outline-manager

Usage

Using CommonJS module loading:

require('focus-outline-manager');

CSS:

html.focus-outline-hidden *:focus {
    outline: none;
}

Credits

  • focus-outline-manager is based on a Chromium UI utility focus-outline-manager.js (Copyright © 2012, The Chromium Authors).

Other Implementations

Keywords

Install

npm i focus-outline-manager

DownloadsWeekly Downloads

25,990

Version

1.0.2

License

BSD-3-Clause

Last publish

Collaborators

  • avatar