# focus-ring-polyfill

**Repository Path**: mirrors_adobe/focus-ring-polyfill

## Basic Information

- **Project Name**: focus-ring-polyfill
- **Description**: A simple polyfill for the `:focus-ring` spec
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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](https://www.npmjs.com/package/postcss-focus-ring) plugin to convert this:

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

to this:

```css
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](http://adobe.github.io/cla.html), follow the [contributing guidelines](CONTRIBUTING.md), and ask any questions that might arise.