Description
addons-frontend still uses https://www.npmjs.com/package/focus-visible polyfill, but :focus-visible has been supported by every major browser for a while, so it shouldn't be necessary any more.
The polyfill sets a .focus-visible class so a few of our CSS should be adjusted accordingly.
To ensure that nothing broke, verify that clicking the following buttons with a mouse does not result in an outline on the button, while using keyboard tab key to find the button and then Enter key to select it still does show an outline when the button has focus:
Choose Photo on user profile edit page- Rating star on add-on detail page
- Top right dropdown menu
- Buttons in general
Acceptance Criteria
┆Issue is synchronized with this Jira Task
Description
addons-frontend still uses https://www.npmjs.com/package/focus-visible polyfill, but
:focus-visiblehas been supported by every major browser for a while, so it shouldn't be necessary any more.The polyfill sets a
.focus-visibleclass so a few of our CSS should be adjusted accordingly.To ensure that nothing broke, verify that clicking the following buttons with a mouse does not result in an outline on the button, while using keyboard
tabkey to find the button and thenEnterkey to select it still does show an outline when the button has focus:Choose Photoon user profile edit pageAcceptance Criteria
focus-visiblepolyfill is removed and the CSS that use that still work┆Issue is synchronized with this Jira Task