E.g. in this screenshot, the title element (top left) has the style of the :active
pseudo-class, even though I’m not currently clicking it. Running $0.matches(':active')
returns true, meaning the browser actually thinks that element is active, so it’s not just a rendering issue.
I encounter this issue pretty frequently in production, on different devices and for different elements. On desktop Chrome, it goes away after clicking the element again. On Android Chrome, it says in the :active
state until I refresh the page.
Is this expected browser behavior? If so, how can I disable it? If it’s a browser bug, I’d appreciate any leads for finding a solution.