243289 2022-07-28 03:16:19 -0700 :focus-visible matches when an element is focused in an anchor’s click listener 2025-12-09 04:12:58 -0800 1 1 1 Unclassified WebKit CSS WebKit Nightly Build Unspecified Unspecified RESOLVED INVALID InRadar P2 Normal --- 1 harry-moore webkit-unassigned brian harry-moore ntim rego Rican7 simon.fraser webkit-bug-importer oldest_to_newest 1887304 0 harry-moore 2022-07-28 03:16:19 -0700 When using a mouse to click an anchor which triggers a script that sets focus to another element, the focused element matches :focus-visible. On a single page application this is really noticeable and arguably not desired behaviour. See https://codepen.io/HazzMan2409/pen/rNdYNpa Note this is very similar to this bug https://bugs.webkit.org/show_bug.cgi?id=236782 Maybe this issue occurs with other elements (not just anchors). 1888823 1 webkit-bug-importer 2022-08-04 03:17:14 -0700 <rdar://problem/98113373> 2003546 2 brian 2024-01-08 00:49:00 -0800 Not just clicking with a mouse, but tapping on iOS too. 2164399 3 harry-moore 2025-12-09 04:11:46 -0800 I am closing this off because after looking into it this is not a bug. A couple of notes: * on iOS and macOS ports of WebKit, an anchor element does not get focus on pointing device click. * :focus-visible should only match on script focus if the previously focused element matched :focus-visible. This is based on the spec guidelines which WebKit strives to implement -> https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo When loading a page and then clicking an anchor element like in the linked code pen, since the anchor element never gets focus, there is no previously focused element and so all bets are off. :focus-visible matching is acceptable! If, however, the anchor is made focusable by adding a tabindex then :focus-visible should not match. This is the current behavior!