[GH-ISSUE #1879] Keyboard navigation on power search #600

Closed
opened 2026-03-16 16:14:46 +03:00 by kerem · 1 comment
Owner

Originally created by @liyasthomas on GitHub (Oct 17, 2021).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1879

Originally assigned to: @franciscoemanuel on GitHub.

I'm always frustrated when the keyboard navigation doesn't work on lists. Power search has an auto-complete / search suggestions list that doesn't support keyboard navigation.

To reproduce:

  1. Press / from any page in Hoppscotch to bring up power search
  2. Try navigating through search suggestions or auto-complete if you type in a query through the keyboard: or
  3. or keyboard Navigation doesn't work
Screenshot 2021-10-17 at 11 41 45 AM

This would be a nice to have feature. Power search components are custom-made and extendable.

kbar project seems to be an example of good power search implementation with keyboard navigation, back and forth navigation, nested menus, etc.

Originally created by @liyasthomas on GitHub (Oct 17, 2021). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1879 Originally assigned to: @franciscoemanuel on GitHub. I'm always frustrated when the keyboard navigation doesn't work on lists. Power search has an auto-complete / search suggestions list that doesn't support keyboard navigation. To reproduce: 1. Press <kbd>/</kbd> from any page in [Hoppscotch](https://hoppscotch.io) to bring up power search 2. Try navigating through search suggestions or auto-complete if you type in a query through the keyboard: <kbd>↑</kbd> or <kbd>↓</kbd> 3. <kbd>↑</kbd> or <kbd>↓</kbd> keyboard Navigation doesn't work <img width="1440" alt="Screenshot 2021-10-17 at 11 41 45 AM" src="https://user-images.githubusercontent.com/10395817/137614082-d96b5d24-93e2-4215-b171-ac30f4d35684.png"> This would be a nice to have feature. Power search components are custom-made and extendable. [kbar](https://kbar.vercel.app) project seems to be an example of good power search implementation with keyboard navigation, back and forth navigation, nested menus, etc.
Author
Owner

@franciscoemanuel commented on GitHub (Oct 17, 2021):

Working on it!

<!-- gh-comment-id:945178442 --> @franciscoemanuel commented on GitHub (Oct 17, 2021): Working on it!
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/hoppscotch#600
No description provided.