[GH-ISSUE #2504] ui: Scrollbar for the chat conversations goes behind the Message Box #28434

Closed
opened 2026-04-25 03:04:00 -05:00 by GiteaMirror · 9 comments
Owner

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:

  • I have read and followed all the instructions provided in the README.md.
  • I am on the latest version of both Open WebUI and Ollama.

Logs and Screenshots

Screenshots (if applicable):
Scrollbar fully visible (on the right side):
Scrollbar_fully_visible_01

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

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

Installation Method

Docker (Debian system)

Additional Information

Not aware of anything to add here.

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:** - [x] I have read and followed all the instructions provided in the README.md. - [x] I am on the latest version of both Open WebUI and Ollama. ## Logs and Screenshots **Screenshots (if applicable):** Scrollbar fully visible (on the right side): ![Scrollbar_fully_visible_01](https://github.com/open-webui/open-webui/assets/13348327/fdf4cf9c-5a84-48da-99cd-f74c72c51328) Scrollbar starting to disappear when scrolling down (on the right side): ![Scrollbar_disappearing_02](https://github.com/open-webui/open-webui/assets/13348327/47b48a65-5b4e-4044-ad81-6046091bccaf) Scrollbar gone when at the end of the conversation (on the right side): ![Scrollbar_gone_03](https://github.com/open-webui/open-webui/assets/13348327/476f8a12-7d50-49ac-98ba-60c32716bae3) ## Installation Method Docker (Debian system) ## Additional Information Not aware of anything to add here.
Author
Owner

@gamepad-coder commented on GitHub (May 25, 2024):

Possibly related to:

Patching that one might resolve this one.

<!-- gh-comment-id:2131680340 --> @gamepad-coder commented on GitHub (May 25, 2024): Possibly related to: - https://github.com/open-webui/open-webui/issues/2231 Patching that one might resolve this one.
Author
Owner

@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.

<!-- gh-comment-id:2132384253 --> @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](https://github.com/open-webui/open-webui/issues/2231) was closed as a duplicate of this issue.
Author
Owner

@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.

<!-- gh-comment-id:2132384815 --> @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](https://github.com/open-webui/open-webui/issues/2504) 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.
Author
Owner

@tjbck commented on GitHub (May 26, 2024):

No need to spam, it will be fixed 😅

<!-- gh-comment-id:2132385080 --> @tjbck commented on GitHub (May 26, 2024): No need to spam, it will be fixed 😅
Author
Owner

@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 :)

<!-- gh-comment-id:2132385299 --> @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 :)
Author
Owner

@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.

<!-- gh-comment-id:2132412161 --> @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.
Author
Owner

@tjbck commented on GitHub (Jun 2, 2024):

Fixed on dev! Let us know if the issue persists!

<!-- gh-comment-id:2143654390 --> @tjbck commented on GitHub (Jun 2, 2024): Fixed on dev! Let us know if the issue persists!
Author
Owner

@LombudXa commented on GitHub (Jun 2, 2024):

Fixed :) Looks good now. Thanks.

<!-- gh-comment-id:2143941606 --> @LombudXa commented on GitHub (Jun 2, 2024): Fixed :) Looks good now. Thanks.
Author
Owner

@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

  • desktop chrome
  • desktop firefox
  • android chrome
  • android firefox

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!

<!-- gh-comment-id:2153780481 --> @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 - desktop chrome - desktop firefox - android chrome - android firefox 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!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#28434