Skip to content

fix(ui): show keyboard focus on sidebar toggler - #1772

Open
mukul190303 wants to merge 1 commit into
DependencyTrack:mainfrom
mukul190303:fix/1202-hamburger-focus-indicator
Open

fix(ui): show keyboard focus on sidebar toggler#1772
mukul190303 wants to merge 1 commit into
DependencyTrack:mainfrom
mukul190303:fix/1202-hamburger-focus-indicator

Conversation

@mukul190303

Copy link
Copy Markdown

Description

Adds a visible focus indicator to the sidebar hamburger toggler when it receives keyboard focus.

The application globally removes button outlines, making the toggler’s focus state invisible while navigating with the Tab key. This change uses :focus-visible so keyboard users receive a clear indicator without changing mouse-click styling.

Addressed Issue

Fixes #1202

Testing

  • Verified the change targets the .navbar-toggler elements rendered by SidebarToggler
  • Confirmed the existing global button focus rule is overridden
  • git diff --check passes

@owasp-dt-bot

owasp-dt-bot commented Aug 24, 2026

Copy link
Copy Markdown

Snyk checks have passed. No issues have been found so far.

Status Scan Engine Critical High Medium Low Total (0)
Open Source Security 0 0 0 0 0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

Signed-off-by: Mukul Dev Singh <111880579+mukul190303@users.noreply.github.com>
@mukul190303
mukul190303 force-pushed the fix/1202-hamburger-focus-indicator branch from 23af94f to d4d415e Compare August 24, 2026 17:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Accessibility - Hamburger menu is missing focus indicator when tabbing through fields

2 participants