From 901db5d1ceec27d02bb0232678d062dd2f37319d Mon Sep 17 00:00:00 2001 From: Aaron Morgan <141661526+aaronmgn@users.noreply.github.com> Date: Tue, 30 Jun 2026 05:02:21 -0700 Subject: [PATCH] Remove focus outline for links and buttons in navigation (#26504) * Remove focus outline for links and buttons in navigation * Add changelog entry --------- Co-authored-by: Dennis Oelkers (cherry picked from commit e9034656f7c0646ea348977878a44a6dfdc7a389) --- changelog/unreleased/issue-26503.toml | 5 +++++ .../src/components/navigation/Navigation.styles.tsx | 5 +++++ 2 files changed, 10 insertions(+) create mode 100644 changelog/unreleased/issue-26503.toml diff --git a/changelog/unreleased/issue-26503.toml b/changelog/unreleased/issue-26503.toml new file mode 100644 index 000000000000..19b97881d1a7 --- /dev/null +++ b/changelog/unreleased/issue-26503.toml @@ -0,0 +1,5 @@ +type = "fixed" +message = "Navbar links and buttons no longer keep the focus ring visible after a mouse click; the outline now only shows for keyboard navigation." + +issues = ["26503"] +pulls = ["26504"] diff --git a/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx b/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx index 1326992d0eed..ee0145820ddd 100644 --- a/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx +++ b/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx @@ -26,6 +26,11 @@ const StyledNavbar = styled(Navbar)( cursor: default; } + a:focus:not(:focus-visible), + button:focus:not(:focus-visible) { + outline: none; + } + &.navbar-default { .navbar-nav > li > a { padding: 0 15px;