Fixing the unusual scroll bar

[Rachit1313]

Based on @Amnish04 's comment, I confirm that after deploying I can see the unusual scroll bar triggered when opening menu
Refer #374

[humphd]

Which browser/OS are you using? Is it due to the sidebar being open?

[Rachit1313]

Which browser/OS are you using? Is it due to the sidebar being open?

MacOS/ Chrome. Not sure why this is coming, I couldn't see this while working on it in the cloudflare preview URL or while running it locally.

[humphd]

Interesting. Bugs like this can be subtle, and finding the right set of steps to reproduce it, tricky. I'm not able to reproduce this on macOS/Chrome, but that doesn't mean it's not there. See if you can figure out what you're doing that I'm not.

It could be related to the content you're using in the chat, for example, or somehow be caused by an extension, etc.

[rjwignar]

@Rachit1313 what size is your screen/monitor?

I'm on Windows 10/Edge I don't encounter the bug when I open the menu on a maximized ChatCraft window (on a 27-inch monitor), even with the sidebar open:

For me, the horizontal bar will appear when I reduce the ChatCraft window to a certain screen width.

Maybe the bug is linked to screen-width?

[Rachit1313]

I can even see this right now 100% width on 13 inch macbook pro

[humphd]

Whatever is causing it, the issue is that we have an overflow-x on a parent element that shouldn't have it. Do you want to see which one it is?