Re: [csswg-drafts] [selectors-4] Rename :focus-ring to :focus-indicator

A couple of comments on the status quo regarding focus indicators in general:

- Chrome and Firefox and Edge all set focus on click. Safari does not. 
- The CSS spec has nothing at all to say about when a focus ring *should* be drawn.
  - This is WAI - browsers should be able to determine when they wish to show a focus indicator.
  - This selector will allow styling *that* case, as opposed to `:focus` which will (and should continue to) match whenever the element is focused.
- The current behaviour for a `<button>` element in Chrome and Edge is what we wish to normalise:
  - Clicking sets focus
  - `:focus` matches, but no focus ring is drawn
- In Chrome, this is effectively a hack: there is a user agent style for `:focus` which matches and should apparently be applied, but it is hard coded not to show on click.
  - For elements without this special exception, the UA style matches and a focus ring is shown.

-- 
GitHub Notification of comment by alice
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2036#issuecomment-348851191 using your GitHub account

Received on Monday, 4 December 2017 03:22:00 UTC