Skip to content

chore: prevent long task text from overflowing the ChatBox task card#1505

Open
fengju0213 wants to merge 1 commit intomainfrom
prevent-long-task-text-from-overflowing-the-ChatBox-task-card
Open

chore: prevent long task text from overflowing the ChatBox task card#1505
fengju0213 wants to merge 1 commit intomainfrom
prevent-long-task-text-from-overflowing-the-ChatBox-task-card

Conversation

@fengju0213
Copy link
Collaborator

PR Description

What Changed

  • Update src/components/ChatBox/TaskBox/TaskCard.tsx to allow the task text container to shrink correctly inside the flex row by adding min-w-0.
  • Replace the non-effective overflow-wrap-anywhere class with [overflow-wrap:anywhere] so long task content can wrap instead of overflowing.

Closes #

Description

Testing Evidence (REQUIRED)

  • I have included human-verified testing evidence in this PR.
  • This PR includes frontend/UI changes, and I attached screenshot(s) or screen recording(s).
  • No frontend/UI changes in this PR.

What is the purpose of this pull request?

  • Bug fix
  • New Feature
  • Documentation update
  • Other

Contribution Guidelines Acknowledgement

@fengju0213
Copy link
Collaborator Author

before:
image

after:
image

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.

[BUG] TaskCard text does not wrap correctly for long path-like strings in ChatBox

1 participant