224026 2021-03-31 16:56:56 -0700 Web Inspector: adapt :focus-visible internally 2022-02-08 12:51:07 -0800 1 1 1 Unclassified WebKit Web Inspector WebKit Nightly Build All All ASSIGNED InRadar P2 Normal --- 1 nvasilyev nvasilyev firefoxic.dev inspector-bugzilla-changes rego webkit-bug-importer oldest_to_newest 1745856 0 nvasilyev 2021-03-31 16:56:56 -0700 :focus-visible is implemented behind an experimental flag (":focus-visible pseudo class"). Once it's on by default, we should add: :focus:not(:focus-visible) { outline: none; } This will allow to closer match macOS focus behavior. For example, currently, clicking on "Hover" checkbox (to force `:hover` state) displays the focus outline around it. With the CSS rule above, it would only draw the outline when it's focused by using keyboard navigation, which matches native apps behavior. https://twitter.com/leaverou/status/1045768279753666562?lang=en 1745857 1 webkit-bug-importer 2021-03-31 16:57:13 -0700 <rdar://problem/76078422> 1750557 2 rego 2021-04-15 03:24:20 -0700 Ideally the default UA should change to use :focus-visible directly, so that kind of rule won't be needed. See bug #221925. 1833536 3 nvasilyev 2022-01-24 15:41:24 -0800 (In reply to Manuel Rego Casasnovas from comment #2) > Ideally the default UA should change to use :focus-visible directly, so that > kind of rule won't be needed. > > See bug #221925. Thanks for the heads up. That's great! This bug then is about removing obscure focus management logic that predates :focus-visible. One example: https://github.com/WebKit/WebKit/blob/37d73f68d97e0a6c88cb19572874d140233ffbeb/Source/WebInspectorUI/UserInterface/Views/NavigationBar.js#L290-L294