On touch based Apple devices, if an element has tabindex then you can "activate" it when you touch near that element. The problem is that it does activate for example :HOVER css, but fails to trigger the touchstart, etc... events. Here is an example: https://codepen.io/mm00/pen/JVaERz Full view to test: https://codepen.io/mm00/full/JVaERz The circle has 20px margin. If you touch the margin (not the circle itself), the circle will turn into green with :HOVER, but there will be no touchstart event. I think the effect of the touch should be consistent, either it should fire the touch* events, or it shouldn't mark the element as hovered.
<rdar://problem/50130556>