258987 2023-07-07 10:48:27 -0700 Clicking a button, then calling `.focus()` on another button via JS causes `:focus-visible` to not fire. 2025-09-11 19:48:30 -0700 1 1 1 Unclassified WebKit CSS Safari 16 Mac (Apple Silicon) macOS 13 NEW InRadar P2 Normal --- 1 konnor5456 webkit-unassigned agafvv akeerthi cory fotis.papadogeorgopoulos gwynne koivisto rego webkit-bug-importer oldest_to_newest 1965621 0 konnor5456 2023-07-07 10:48:27 -0700 ## Problem When implementing a focus-trap by using programmatic `.focus()` calls on elements, `:focus-visible` pseudo-selectors don't propagate to the element. Only `:focus` and `:focus-within`. `:focus-visible` disappears after clicking a <button> and then calling `.focus()` in Safari 16.4 The above works as expected in Chrome 114.0.5735.198, Edge 114.0.1823.67, and Firefox 114.0.2 ## Reproduction https://codepen.io/paramagicdev/pen/xxQXWbq?editors=1111 ## Similar bugs I think this may be a duplicate of: https://bugs.webkit.org/show_bug.cgi?id=246591 Based on the above bug, the issue may also have something to do with `e.preventDefault()` 1966777 1 webkit-bug-importer 2023-07-14 10:49:23 -0700 <rdar://problem/112276014>