JSFiddle - React, Tailwind, and code Playground

by WilsonPage

HTML

<a ontouchstart="">Two CSS :active state bugs exist in this example within <b>Chrome Android</b>.<p>1. Tap and hold. Observe that the color switches back from blue to red after approx 1 sec. The color is expected to stay blue until touchend.</p> <p>2. Touch this element, move finger and release. Observe that the element remains blue after release. The color is expected to stay blue for the duration of the touch and return to red on release.</p></a>

CSS

a {
    display: block;
    background: red;
    padding: 6em; }

a:active {
    background: blue }