0.1.16 • Published 7 months ago

@rescui/focus-manager v0.1.16

Weekly downloads
-
License
Apache-2.0
Repository
-
Last release
7 months ago

Tiny helper, which adds data-focus-method attribute to focused elements.

Possible values:

  • mouse
  • key
  • touch

Usage

JS:

import FocusManager from '@rescui/focus-manager'

document.addEventListener('DOMContentLoaded', () => {
  new FocusManager();
});

CSS:

/* Your custom focus styles */
:focus { 
    outline: 2px solid #087CFA;
}

/* Disable focus outline for touch and mouse interactions */
:focus[data-focus-method="mouse"], 
:focus[data-focus-method="touch"] {
    outline: none;
}
0.1.13

11 months ago

0.1.14

10 months ago

0.1.15

8 months ago

0.1.16

7 months ago

0.1.11

1 year ago

0.1.12

1 year ago

0.1.10

1 year ago

0.1.9

1 year ago

0.1.8

1 year ago

0.1.7

1 year ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

4 years ago

0.1.0

4 years ago

0.0.5

4 years ago

0.0.4

5 years ago

0.0.3

5 years ago