Pressed Pseudo-class Not Triggered When Clicking a Link with target='_blank' and Returning

Design help Custom code
1

In this AI age, who would’ve thought that we would have problems with simple pseudo-classes in our browsers? I have some links with pressed pseudo-classes. The issue is that when you click a link, it opens in a new tab. If I navigate back using the browser’s navigation or close the tab and return to the website, the pressed state is not released. It’s very hard to handle both on mobile and web.

I’ve tried cloning the element and replacing it, but somehow it still preserves the focus state. I’ve also tried creating an absolute element and clicking it to remove the pressed focus, but the issue persists, along with similar approaches.

I don’t know if this is specific to Webflow or a more general issue, but has anyone experienced the same thing and fixed it with or without custom code?

2

This is a common issue that arises when handling focus or active/pressed states in browsers, especially when links open in new tabs. The :focus and :active pseudo-classes persist after navigating back or returning to the website. This can happen because the browser doesn’t reset these states when revisiting the page.