Skip to content

Text Overlay/Overflow in UI Message Box When Displaying Long Lines #202

Description

@raselmeya94

Description:
When displaying or typing long lines of text (such as code or logs) directly in the chat, the message box does not handle them correctly. Instead of staying confined within the chat box, the text overflows or renders outside the visible area—sometimes overlapping with other UI elements. This makes it difficult or impossible to read the full content.


✅ Steps to Reproduce:

  1. Upload a file that contains very long lines of text (e.g., minified code, long logs, or strings without spaces).
  2. View the content displayed inside the message/chat UI box.

💡 Expected Behavior:

  • Long code lines should remain inside the chat box.
  • If needed, a horizontal scrollbar should appear for the code block.
  • No part of the content should overflow or overlap the chat UI.

❌ Actual Behavior:

  • Long code lines overflow the boundaries of the chat message box.
  • In some cases, code content overlaps adjacent UI components or renders outside the screen, breaking the layout.

📷 Screenshots:

Image Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions