Threads are cut off for certain window widths

[DaDummy]

Describe the bug
With certain window widths the thread view is cut off on the left since a couple of versions:

What operating system and which version?

• Kubuntu 21.10
• Windows 10
  Which version of Rocket.Chat (Server)? 4.5.3
  Which version of Rocket.Chat.Electron (Electron/Desktop)? 3.8.0
  Is there any setting relevant changed? No.

To Reproduce
Steps to reproduce the behavior:

1. Open thread view on any message
2. Reduce the window width until shortly before the channel list is collapsed.

Expected behavior
Threads are displayed in a readable fashion.

Screenshots

Additional context
This appears to be largely independent of the exact version. This issue has been present since at least a month across multiple client and server versions now.

[jeanfbrito]

Hello @DaDummy this happens on chrome or any other web browser too?

[DaDummy]

Firefox 98.0.2 fails to load with Uncaught TypeError: e.mediaDevices.getUserMedia is undefined and There is no route for the path: / in the JS console.

Issue is reproducible in Chromium 99.0.4844.84 snap

[jeanfbrito]

Then I will move it to the Rocket.Chat repo, because this seems to be a web problem.

[Gummikavalier]

I can confirm this issue on RC 4.5.5.

We use the following custom CSS to work around the issue:

/* Decreasing size of expanded thread view */
div.rcx-box.rcx-box--full.rcx-vertical-bar.rcx-thread-view.rcx-css-1m6pvl6 {
    width: 65% !important;
}

/* Increasing size of collapsed thread view */
aside.rcx-box.rcx-box--full.rcx-vertical-bar.rcx-css-17l0eu7 {
    width: 45% !important;
}

[tewfik-ghariani]

I confirm this issue for the desktop application too. The left sidebar overlaps with extended threads, especially when zoomed in

I guess a potential solution would be to add the possibility to collapse/expand the left sidebar manually ( ref #21131 )

[MartinSchoeler]

This was fixed by #29461