mirror of
https://github.com/open-webui/open-webui.git
synced 2026-05-06 10:58:17 -05:00
[GH-ISSUE #2504] ui: Scrollbar for the chat conversations goes behind the Message Box #28434
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @LombudXa on GitHub (May 22, 2024).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/2504
Originally assigned to: @tjbck on GitHub.
Bug Report
Description
The scrollbar on the right side disappears behind the footer of the conversation or in other words, behind the message box. Nothing very important but it gets a bit annoying when you want to use the mouse to scroll when having long conversations. So, I have to use the mouse wheel first.
Bug Summary:
Scrollbar behind message box.
Steps to Reproduce:
Just when you have a conversation with some content, you should notice immediately. There's no scrollbar to the right side to scroll through the conversation. So, you have to use your mouse wheel first to scroll up until it appears again.
Expected Behavior:
Scrollbar should stop before the message box.
Actual Behavior:
Scrollbar disappears behind message box.
Environment
Open WebUI Version: [0.1.125] - 2024-05-19
Ollama (if applicable): v0.1.38
Operating System: Windows 11 23H2
Browser (if applicable): Happens with Firefox, Edge and Chrome (didn't test with others)
Reproduction Details
See above or screenshots.
Confirmation:
Logs and Screenshots
Screenshots (if applicable):

Scrollbar fully visible (on the right side):
Scrollbar starting to disappear when scrolling down (on the right side):

Scrollbar gone when at the end of the conversation (on the right side):

Installation Method
Docker (Debian system)
Additional Information
Not aware of anything to add here.
@gamepad-coder commented on GitHub (May 25, 2024):
Possibly related to:
Patching that one might resolve this one.
@gamepad-coder commented on GitHub (May 26, 2024):
Note from other thread: #2231 bug: page footer expansion obstructs text and UI/UX buttons hidden behind it was closed as a duplicate of this issue.
@gamepad-coder commented on GitHub (May 26, 2024):
Consider also testing the use case for #2504 ui: Scrollbar for the chat conversations goes behind the Message Box when you do the implementation for this #2504 patch.
Because Firefox on Android is totally unable to view the buttons under the most recent Response right now.
@tjbck commented on GitHub (May 26, 2024):
No need to spam, it will be fixed 😅
@gamepad-coder commented on GitHub (May 26, 2024):
Apologies, didn't mean to pressure / didn't mean to convey a sense of urgency.
I just like linking issues so it's easy to see the history / cross reference.
Habit from work :)
@LombudXa commented on GitHub (May 26, 2024):
Yeah sorry, I have read that issue in fact but I was not sure it's actually the same as what I've described. Also, the scroll bar should not stop before the message box, it probably should just be on top of it.
Anyway, thanks for fixing it.
@tjbck commented on GitHub (Jun 2, 2024):
Fixed on dev! Let us know if the issue persists!
@LombudXa commented on GitHub (Jun 2, 2024):
Fixed :) Looks good now. Thanks.
@gamepad-coder commented on GitHub (Jun 7, 2024):
@tjbck Wow great job! 🎉
Confirmed both issues (this https://github.com/open-webui/open-webui/issues/2504 #2587) and are fully patched in all the following browsers
Tested with default zoom, increased zoom, and increased input box size with a bunch of newlines.
PS: I just skimmed through all the commits in the v0.2.0 release! It's soo neat to stumble onto a repo that's being actively maintained and extended. This project is really really cool! Keep it up!