Skip to content

adobe/focus-ring-polyfill

Focus Ring Polyfill

A polyfill for the :focus-ring spec.

Usage

It is similar to the WICG polyfill, but adds support for dealing with focus programmatically set after an Arrow key or Esc, which is needed for controls like tab lists or dialogs.

Should be used with the postcss-focus-ring plugin to convert this:

button:focus-ring {
  /* focus-ring only stuff */
}

to this:

button.focus-ring {
  /* focus-ring only stuff */
}

This polyfill can then add and remove this .focus-ring to mimic the :focus-ring spec.

Contributing

Sign the CLA, follow the contributing guidelines, and ask any questions that might arise.

About

A simple polyfill for the `:focus-ring` spec

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5