Skip to content

feat(ui): add slash-key search and keyboard navigation to application details dropdown#27902

Open
PrintNow wants to merge 1 commit into
argoproj:masterfrom
PrintNow:ui/app-detail--add-slash-key-search
Open

feat(ui): add slash-key search and keyboard navigation to application details dropdown#27902
PrintNow wants to merge 1 commit into
argoproj:masterfrom
PrintNow:ui/app-detail--add-slash-key-search

Conversation

@PrintNow
Copy link
Copy Markdown

@PrintNow PrintNow commented May 18, 2026

Summary

  • Replace the old DropDown-based app switcher in the application details page with a custom portal-rendered dropdown that supports pressing / to open search, arrow keys to navigate, Enter to select, and Escape to close.
  • Add keyboard-highlighted rows with scroll-into-view behavior for long app lists.
  • Render the dropdown panel via ReactDOM.createPortal into document.body so it escapes any ancestor overflow: hidden containers.
  • Add unit tests for the dropdown component (open/close, service call, panel rendering).

Closes #27904

Preview

Before After
before--light-mode after--lightmode-filter
before--darkmode Screenshot_2026-05-18_21-05-17
argo-cd-ui--lightmode-slash-filter.mp4

Checklist

  • The title of the PR states what changed and the related issues number (used for the release note).
  • The title of the PR conforms to the Title of the PR
  • I've included "Closes [ISSUE #]" or "Fixes [ISSUE #]" in the description to automatically close the associated issue.
  • I've updated both the CLI and UI to expose my feature, or I plan to submit a second PR with them.
  • [n/a] Does this PR require documentation updates?
  • [n/a] I've updated documentation as required by this PR.
  • I have signed off all my commits as required by DCO
  • I have written unit and/or e2e tests for my change. PRs without these are unlikely to be merged.
  • My build is green (troubleshooting builds).
  • My new feature complies with the feature status guidelines.
  • I have added a brief description of why this PR is necessary and/or what this PR solves.

This PR was created with AI-assisted tooling. All code has been manually reviewed and tested.

@PrintNow PrintNow requested a review from a team as a code owner May 18, 2026 12:33
@bunnyshell
Copy link
Copy Markdown

bunnyshell Bot commented May 18, 2026

🔴 Preview Environment stopped on Bunnyshell

See: Environment Details | Pipeline Logs

Available commands (reply to this comment):

  • 🔵 /bns:start to start the environment
  • 🚀 /bns:deploy to redeploy the environment
  • /bns:delete to remove the environment

@PrintNow PrintNow force-pushed the ui/app-detail--add-slash-key-search branch from 3fda171 to f7a9b30 Compare May 18, 2026 12:34
@PrintNow PrintNow marked this pull request as draft May 18, 2026 12:34
@PrintNow PrintNow force-pushed the ui/app-detail--add-slash-key-search branch from f7a9b30 to 19b1189 Compare May 18, 2026 13:01
@PrintNow PrintNow marked this pull request as ready for review May 18, 2026 13:03
@PrintNow PrintNow changed the title feat(ui): add slash-key search and keyboard navigation to app dropdown feat(ui): add slash-key search and keyboard navigation to application details dropdown May 18, 2026
@PrintNow PrintNow marked this pull request as draft May 18, 2026 14:50
@PrintNow PrintNow force-pushed the ui/app-detail--add-slash-key-search branch from caa1c78 to df7358d Compare May 18, 2026 15:03
@PrintNow PrintNow marked this pull request as ready for review May 18, 2026 16:09
@PrintNow PrintNow force-pushed the ui/app-detail--add-slash-key-search branch from df7358d to 77509a4 Compare May 18, 2026 16:09
@PrintNow PrintNow force-pushed the ui/app-detail--add-slash-key-search branch from 77509a4 to 1740bd8 Compare May 19, 2026 15:46
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.

[Proposal/UI] Add slash-key search and keyboard navigation to the application details dropdown

1 participant