Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add -webkit-tap-highlight-color #6473

Merged
merged 1 commit into from
Aug 5, 2020

Conversation

ddbeck
Copy link
Collaborator

@ddbeck ddbeck commented Aug 4, 2020

This feature has a complex history. It required quite a bit of research to track down. Part of mdn/sprints#3436.

For posterity, I've cleaned up my notes below but here's the summary:

  • Chrome: 16 (estimated from WebKit, see below)
  • Other Chromium-based browsers: derived/first release, assuming from Chrome estimate is correct
  • Edge: 12 (estimated, see below)
  • Firefox: No
  • IE: No
  • Safari: No (see below)
  • Safari for iOS: 4.0 (estimated, see below)

The story

Apple appears to have implemented this as a wholly proprietary feature for Safari for iOS in mid-2010. I can find GitHub commits and blog posts mentioning it as far back as June 2010, but no earlier. This suggests the feature was first made public in iOS 4.0 or 4.1. I've gone with the older value. On macOS, I think the feature has never been enabled. It doesn't tab complete in the developer tools, it's not recognized if you type it out manually, and Apple has never shipped a touch-enabled macOS device anyway.

In October 2011, the feature was added to WebKit proper, gated by a touch events flag that WebKit's downstream users could opt-in to. Based on some Chromium-specific commits to WebKit tweaking this feature, I think Chrome opted in to this very early on. Based on the date of the WebKit commit, I've guessed that this happened in Chrome 16 though it's possible this happened a little earlier or later (as early as 15, but no later than Chrome 26, the earliest I could check). This value is a guess, but it's pretty good one for a feature that's a decade old.

The other browsers were relatively easy. IE11 does not recognize the property nor provide tab completion for it in the inspector; Edge does from Edge 13 (the earliest I could test). Given that Edge added support for a number of -webkit- prefixed features from the outset (12), I'm inclined to think this was supported from Edge's beginning.

Firefox shows no evidence of having supported it. The remaining browsers I derived from Chrome.

@ghost ghost added the data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label Aug 4, 2020
Copy link
Member

@Elchi3 Elchi3 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you, Daniel! 👍

@Elchi3 Elchi3 merged commit c795c61 into mdn:master Aug 5, 2020
@ddbeck ddbeck deleted the webkit-tap-highlight-color branch August 5, 2020 12:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants