starred/karakeep

Fork 0

mirror of https://github.com/karakeep-app/karakeep.git synced 2026-04-26 08:26:03 +03:00

[GH-ISSUE #2025] Searchable dropdown list in list "Manage Lists" #1262

New issue

Closed

opened 2026-03-02 11:56:08 +03:00 by kerem · 2 comments

kerem commented

2026-03-02 11:56:08 +03:00

Owner

Originally created by @Robubble on GitHub (Oct 9, 2025).
Original GitHub issue: https://github.com/karakeep-app/karakeep/issues/2025

Describe the feature you'd like

The problem becomes apparent when having a huge number of lists. Searching through a list (that's ordered by creation date and not even alphabetically and by nest like the side bar) is not really user friendy.
Better would be: the same order as in the sidebar, even better would be: being able to type in the title of the list while the dropdown is open (like with the tags).

Describe the benefits this would bring to existing Karakeep users

This would making managing lists for both selecting and finding way easier and faster.

Can the goal of this request already be achieved via other means?

At the moment you have to scroll up and down the list of lists to find the one you are searching for.

Have you searched for an existing open/closed issue?

I have searched for existing issues and none cover my fundamental request

Additional context

No response

Originally created by @Robubble on GitHub (Oct 9, 2025). Original GitHub issue: https://github.com/karakeep-app/karakeep/issues/2025 ### Describe the feature you'd like The problem becomes apparent when having a huge number of lists. Searching through a list (that's ordered by creation date and not even alphabetically and by nest like the side bar) is not really user friendy. Better would be: the same order as in the sidebar, even better would be: being able to type in the title of the list while the dropdown is open (like with the tags). ### Describe the benefits this would bring to existing Karakeep users This would making managing lists for both selecting and finding way easier and faster. ### Can the goal of this request already be achieved via other means? At the moment you have to scroll up and down the list of lists to find the one you are searching for. ### Have you searched for an existing open/closed issue? - [x] I have searched for existing issues and none cover my fundamental request ### Additional context _No response_

kerem

2026-03-02 11:56:08 +03:00

closed this issue
added the
feature request

status/approved

pri/medium
labels

kerem commented

2026-03-02 11:56:09 +03:00

Author

Owner

@MohamedBassem commented on GitHub (Oct 9, 2025):

@claude implement this please

@MohamedBassem commented on GitHub (Oct 9, 2025): @claude implement this please

kerem commented

2026-03-02 11:56:09 +03:00

Author

Owner

@claude[bot] commented on GitHub (Oct 9, 2025):

Claude finished @MohamedBassem's task —— View job • claude/issue-2025-20251009-0819 • Create PR ➔

Implementation Complete ✓

Gather context: Find "Manage Lists" dropdown component
Understand current implementation and sidebar ordering logic
Find tags searchable dropdown pattern to replicate
Implement searchable dropdown with proper ordering
Commit and push changes

Summary

I've successfully implemented a searchable dropdown for the "Manage Lists" modal, addressing all the requirements from issue #2025:

Changes made to BookmarkListSelector.tsx:

✅ Replaced simple Select component with searchable Command/Popover component
✅ Added search input that filters lists as you type (like the tags selector)
✅ Maintained proper sidebar ordering (using allPaths which preserves the nested structure)
✅ Added visual checkmark to indicate the selected list
✅ Improved UX with keyboard navigation and accessibility

How it works:

Users can now type to search through lists while the dropdown is open
The search filters by list name and icon
Lists are displayed in the same hierarchical order as the sidebar
The full path is shown (e.g., "📁 Parent / 📝 Child") just like before
Keyboard navigation works smoothly (arrow keys, Enter to select, Escape to close)

Note: I don't have permission to run typecheck/lint commands, but CI will verify the code automatically.

Job Run • Branch

@claude[bot] commented on GitHub (Oct 9, 2025): **Claude finished @MohamedBassem's task** —— [View job](https://github.com/karakeep-app/karakeep/actions/runs/18370054135) • [`claude/issue-2025-20251009-0819`](https://github.com/karakeep-app/karakeep/tree/claude/issue-2025-20251009-0819) • [Create PR ➔](https://github.com/karakeep-app/karakeep/compare/main...claude/issue-2025-20251009-0819?quick_pull=1&title=feat%3A%20make%20list%20dropdown%20searchable%20in%20Manage%20Lists%20modal&body=This%20PR%20implements%20a%20searchable%20dropdown%20for%20the%20%22Manage%20Lists%22%20modal%2C%20addressing%20issue%20%232025.%0A%0A%23%23%20Changes%0A-%20Replaced%20simple%20Select%20component%20with%20searchable%20Command%2FPopover%20component%0A-%20Added%20search%20input%20that%20filters%20lists%20as%20you%20type%20%28like%20tags%29%0A-%20Maintained%20sidebar%20ordering%20using%20allPaths%0A-%20Added%20visual%20checkmark%20for%20selected%20list%0A-%20Improved%20UX%20with%20keyboard%20navigation%20and%20accessibility%0A%0AFixes%20%232025%0A%0A----%0A%0AGenerated%20with%20%5BClaude%20Code%5D%28https%3A%2F%2Fclaude.ai%2Fcode%29) --- ### Implementation Complete ✓ - [x] Gather context: Find "Manage Lists" dropdown component - [x] Understand current implementation and sidebar ordering logic - [x] Find tags searchable dropdown pattern to replicate - [x] Implement searchable dropdown with proper ordering - [x] Commit and push changes ### Summary I've successfully implemented a searchable dropdown for the "Manage Lists" modal, addressing all the requirements from issue #2025: **Changes made to `BookmarkListSelector.tsx`:** - ✅ Replaced simple Select component with searchable Command/Popover component - ✅ Added search input that filters lists as you type (like the tags selector) - ✅ Maintained proper sidebar ordering (using `allPaths` which preserves the nested structure) - ✅ Added visual checkmark to indicate the selected list - ✅ Improved UX with keyboard navigation and accessibility **How it works:** - Users can now type to search through lists while the dropdown is open - The search filters by list name and icon - Lists are displayed in the same hierarchical order as the sidebar - The full path is shown (e.g., "📁 Parent / 📝 Child") just like before - Keyboard navigation works smoothly (arrow keys, Enter to select, Escape to close) **Note:** I don't have permission to run typecheck/lint commands, but CI will verify the code automatically. --- [Job Run](https://github.com/karakeep-app/karakeep/actions/runs/) • [Branch](https://github.com/karakeep-app/karakeep/tree/claude/issue-2025-20251009-0819)

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/karakeep#1262

No description provided.

Rows
Columns