Omnichannel transfer comment is not wrapped to multiple lines

[krenuser]

Description:

When transferring omnichannel conversation to another agent with a comment, text is not wrapping to new line, going out of the line with "...".

Steps to reproduce:

1. Agent A: Receive omnichannel conversation.
2. Transfer it to agent B, leaving long text comment.
3. See on agent B's chat non-wrapped text (rest of it is not visible).

Expected behavior:

Transfer comment text is wrapped to multiple lines if needed.

Actual behavior:

Transfer comment text is rendered in a single line, which is hidden behind the end of the line.

Server Setup Information:

• Version of Rocket.Chat Server: 5.0.4
• Operating System: Ubuntu 20.04
• Deployment Method: docker
• Number of Running Instances: 1
• DB Replicaset Oplog: Enabled
• NodeJS Version: v14.19.3
• MongoDB Version: 5.0.11 / wiredTiger

Client Setup Information

• Desktop App or Browser Version: Desktop 3.8.7
• Operating System: Windows 10

Additional context

─

Relevant logs:

─

[dudanogueira]

Hi! Nice catch :)

As a dirty workaround, while we work on fixing this .... :see_no_evil: you can add this at ADMIN > GENERAL > LAYOUT > CUSTOM CSS:

div.rcx-message-system__body{
  white-space: pre-wrap !important;
}

It may affect other elements around, but at least will make the comments readable.

Thanks for pointing out. We really appreciate it.

[vorbrodt]

Is this being worked on? Otherwise, I would like to be assigned to it.

[sandeep13122002]

is anyone working on this issue?

[dudanogueira]

@vorbrodt and @sandeep13122002, thanks for the interest!!

Please, instead of asking if there is anyone already working on the issue, you can go ahead and fix it.

If you have any doubts about how to achieve that, you ask at https://open.rocket.chat/channel/hacktoberfest

Thanks!

[nishant23122000]

Hui @dudanogueira Can you please go through this PR https://github.com/RocketChat/fuselage/pull/891#issuecomment-1313759737 and put your thoughts? Thanks

[dudanogueira]

Hui @dudanogueira Can you please go through this PR https://github.com/RocketChat/fuselage/pull/891#issuecomment-1313759737 and put your thoughts? Thanks

Hi @nishant23122000 sorry for the delay here.

Added there my 2 cents

[coderboy-yash]

Hi, @dudanogueira is this issue still open I want to work on this issue. Can you please assign this to me?

[adityamaliyan]

working on it :)

[harshp0205]

Hi, @dudanogueira is the issue still open?

[vaishnavi192]

there is already one PR so is this issue open or not?

[Gokulsankar-21]

i would like work on this issue. is this issue still open or not? @krenuser

[himani-mehra]

Hi @krenuser , I would love to take on this issue and contribute to the project. Could you please assign it to me if it's available? Looking forward to your response. Thanks!

[aravind0543]

@MartinSchoeler @krenuser @nishant23122000 @adityamaliyan Is anyone working on or else i would like to work on it

[iihimanshuu]

I want to be part of this issue please assign it to me

[akshatajmera7]

hey, if this issue is not being resolved. Can i work on this. I wanna contribute to open source

[Devnil434]

hi @krenuser can i work on this issue

[Pradhumnamalviya]

hi

[Kashika404]

Hi, @krenuser I'm a new contributor with a background in React and UI development. I'd like to try and fix this issue. Can you please assign it to me?

[Yu-Hu-1909]

Hi @dudanogueira and @krenuser ,

I've submitted PR #37385 to address issue #26723 regarding the omnichannel transfer comment wrapping problem.

Changes implemented:

• Updated CSS for .rcx-message-system__body to enable proper text wrapping
• Transfer comments now wrap to multiple lines instead of being truncated with ellipsis
• Implements the workaround suggested by @dudanogueira as a permanent solution

Status:

• All automated checks are passing
• Tested locally and verified the fix works as expected

Request for maintainers: Could you please review the changes and, if everything looks good:

• Add the stat: QA assured label after testing
• Assign to the appropriate milestone

Thank you @krenuser for reporting this issue, and thank you @dudanogueira for the initial workaround suggestion!

Looking forward to your feedback.

[Aryangupta15]

Hi, Can i work on this issue?

[finexaakash]

Hey, I’m Aakash. I’d like to work on this issue as a first-time contributor.
Can you please assign it to me?

[chandanpavan]

Hello, I want to take up this issue can I work on it

[Pradyumn-Chaudhary]

@dudanogueira @MartinSchoeler @krenuser can you please go through this PR https://github.com/RocketChat/Rocket.Chat/pull/37530 and review it.

[reetp]

can you please go through this PR

Please do not @ people trying to get attention. Duda doesn't even work at Rocket now.

You should also ask in open.rocket if the team actually want it fixed first.

Your post here refers.

https://open.rocket.chat/channel/support?msg=Cx6GtMRPhF8p5LL5X

[RakshithaMH24]

Hi, I would like to work on this issue as my first contribution. Could you please assign it to me if it’s still available?

[Soham-0816]

Hi maintainers! I’d like to take this issue and work on fixing the text wrapping problem in the omnichannel transfer comment. Please assign it to me if no one else is working on it. Thanks!

[Pragati-cse]

Hi, I'm Pragati . I would like to work on this issue and fix the transfer comment text wrapping problem. can i start? Thankyou .

[SuyashJain17]

Hi! I’m interested in working on this. Can someone confirm if this issue is still valid on the current develop branch?

[ShriyanshJaiswal01]

Hi team I’m new to the Rocket.Chat codebase and would like to work on this issue. Could you please point me to the file/component where the omnichannel transfer comment is rendered? Thanks!