adobe/focus-ring-polyfill

Name: focus-ring-polyfill

Owner: Adobe Systems Incorporated

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

Created: 2018-05-21 21:41:00.0

Updated: 2018-05-22 00:39:16.0

Pushed: 2018-05-22 00:34:03.0

Homepage:

Size: 19

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

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:

on:focus-ring {
 focus-ring only stuff */

to this:

on.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.


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.