adobe/spectrum-css

[In-field Button]: Focus state present

Westbrook opened this issue · 1 comments

Westbrook commented

Description

The In-field Button has style rules for :focus that are unexpected. Generally all focus-centric rules are hung off of the :focus-visible selector. This can be see here: https://github.com/adobe/spectrum-css/blob/main/components/infieldbutton/index.css#L311

Steps to reproduce

  1. Go to http://opensource.adobe.com/spectrum-css/
  2. Click on any of the In-field Buttons
  3. Observe the change in background color for :active/:focus-visible persist after the pointer interaction

Expected behavior

Focus-centric styles should only be bound to the :focus-visible state.

Screenshots

image
pfulton commented

Tracking this in Jira via CSS-631