starred/karakeep

Fork 0

mirror of https://github.com/karakeep-app/karakeep.git synced 2026-04-25 16:06:04 +03:00

[GH-ISSUE #2033] Bug: In the new tags editor, whenever there isn't any tags, the tag box width is not usable #1265

New issue

Closed

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

kerem commented

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

Owner

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

Bug: In the new tags editor, whenever there isn't any tags, the tag box width is not usable

Originally created by @MohamedBassem on GitHub (Oct 12, 2025). Original GitHub issue: https://github.com/karakeep-app/karakeep/issues/2033 Bug: In the new tags editor, whenever there isn't any tags, the tag box width is not usable <img width="642" height="214" alt="Image" src="https://github.com/user-attachments/assets/978eade4-caeb-42dd-b841-05daac7a8e6c" />

kerem

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

closed this issue
added the
bug

pri/high

status/approved
labels

kerem commented

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

Author

Owner

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

@claude We probably need to set a min-width on the tags editor component, can you take care of it?

@MohamedBassem commented on GitHub (Oct 12, 2025): @claude We probably need to set a min-width on the tags editor component, can you take care of it?

kerem commented

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

Author

Owner

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

Claude finished @MohamedBassem's task —— View job • claude/issue-2033-20251012-1434 • Create PR ➔

Fixed the tags editor width issue ✓

Tasks:

View the screenshot to understand the issue
Find the tags editor component in the codebase
Apply min-width fix to the component
Run typecheck and lint (skipped - no permission)
Commit and push changes
Provide PR creation link

Summary

Fixed the tags editor width issue by adding min-w-64 (256px) to the container div in TagsEditor.tsx:264. When there were no tags, the input field had a dynamic width that shrunk to just 1 character, making the entire component unusably narrow. The minimum width now ensures the input is always at a usable size.

Changes made:

Modified /apps/web/components/dashboard/bookmarks/TagsEditor.tsx to add min-w-64 class to the tags editor container

Job Run • Branch

@claude[bot] commented on GitHub (Oct 12, 2025): **Claude finished @MohamedBassem's task** —— [View job](https://github.com/karakeep-app/karakeep/actions/runs/18445341589) • [`claude/issue-2033-20251012-1434`](https://github.com/karakeep-app/karakeep/tree/claude/issue-2033-20251012-1434) • [Create PR ➔](https://github.com/karakeep-app/karakeep/compare/main...claude/issue-2033-20251012-1434?quick_pull=1&title=fix(web)%3A%20Add%20min-width%20to%20tags%20editor%20to%20prevent%20unusable%20narrow%20width&body=%23%23%20Summary%0A%0AFixed%20the%20tags%20editor%20width%20issue%20where%20the%20component%20became%20unusably%20narrow%20when%20there%20were%20no%20tags.%0A%0A%23%23%20Changes%0A%0A-%20Added%20%60min-w-64%60%20(256px)%20class%20to%20the%20tags%20editor%20container%20in%20%60TagsEditor.tsx%60%0A-%20This%20ensures%20the%20input%20field%20maintains%20a%20usable%20width%20even%20when%20empty%0A%0AFixes%20%232033%0A%0A%F0%9F%A4%96%20Generated%20with%20%5BClaude%20Code%5D(https%3A%2F%2Fclaude.ai%2Fcode)) --- ### Fixed the tags editor width issue ✓ **Tasks:** - [x] View the screenshot to understand the issue - [x] Find the tags editor component in the codebase - [x] Apply min-width fix to the component - [x] Run typecheck and lint (skipped - no permission) - [x] Commit and push changes - [x] Provide PR creation link ### Summary Fixed the tags editor width issue by adding `min-w-64` (256px) to the container div in `TagsEditor.tsx:264`. When there were no tags, the input field had a dynamic width that shrunk to just 1 character, making the entire component unusably narrow. The minimum width now ensures the input is always at a usable size. **Changes made:** - Modified `/apps/web/components/dashboard/bookmarks/TagsEditor.tsx` to add `min-w-64` class to the tags editor container --- [Job Run](https://github.com/karakeep-app/karakeep/actions/runs/) • [Branch](https://github.com/karakeep-app/karakeep/tree/claude/issue-2033-20251012-1434)

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#1265

No description provided.

Rows
Columns