Tags can be typed infinitely long — add max length🎯

[anoopcodehack]

Tags can be typed infinitely long — add max length

File: client/src/components/Task/TaskModal.jsx

The tags input has no limit. Someone can type
a 500 character tag and it breaks the card UI!

Fix:

Add maxLength={20} on the tags input field
Show each tag max 15 chars then truncate with "..."
tag.length > 15 ? tag.slice(0, 15) + "..." : tag
2 line fix across 2 files!
No backend needed

[Tanvi-Kuwar]

Hi! I'd like to work on this issue. Could you please assign it to me?

[anoopcodehack]

Hey @Tanvi-Kuwar, assigned to you!

Here's exactly what to do:

File 1: client/src/components/Task/TaskModal.jsx

// Add maxLength to the tags input
<input
  maxLength={20}
  placeholder="Tags (comma separated: react, api, bug)"
  ...
/>

File 2: client/src/components/Board/TaskCard.jsx

// Truncate long tags on the card
{task.tags?.map((tag) => (
  <span key={tag}>
    {tag.length > 15 ? tag.slice(0, 15) + '...' : tag}
  </span>
))}

That's it — 2 small changes across 2 files!

Open a PR when ready — happy to review!