RocketChat / EmbeddedChat

An easy to use full-stack component (ReactJS) embedding Rocket.Chat into your webapp
https://www.npmjs.com/package/@embeddedchat/react
107 stars 214 forks source link

[BUG]: Sidebar Overlapping with Chat Body #539

Closed Spiral-Memory closed 1 month ago

Spiral-Memory commented 3 months ago

Description:

In the current implementation, when opening the sidebar, it overlaps with the chat body, which is not good behavior. Instead, the chat body should adjust its width accordingly when the sidebar is open.

Steps to reproduce:

  1. Set up Embedded Chat.
  2. Click on any option that opens the sidebar, such as Thread menu, Mention menu, Channel info menu, etc.
  3. Notice that the sidebar overlaps with the chat body.

Expected behavior:

The chat body width should adjust accordingly whenever the sidebar opens up.

Actual behavior:

image

The sidebar overlaps with the chat body, giving the user less space to send messages or perform tasks.

Spiral-Memory commented 3 months ago

Working on this ..