W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2017

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

From: Alice via GitHub <sysbot+gh@w3.org>
Date: Mon, 04 Dec 2017 03:21:56 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-348851191-1512357715-sysbot+gh@w3.org>
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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:21 UTC