github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-05-07 19:38:46 -05:00
Code Issues 1.3k Packages Projects Releases 126 Wiki Activity

[GH-ISSUE #11782] feat: Improve scrollbar #55021

New Issue
Closed
opened 2026-05-05 17:02:09 -05:00 by GiteaMirror · 9 comments
GiteaMirror commented 2026-05-05 17:02:09 -05:00
Owner
Copy Link

Originally created by @dazipe on GitHub (Mar 17, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/11782

Check Existing Issues

  • I have searched the existing issues and discussions.

Problem Description

The vertical scrollbar of the chat dialog is barely noticeable and disappears when mouse is outside the window.
I'm using Chrome in Windows and it is really frustrating when working with the long prompts when it is easier to drag the scrollbar instead of using the mouse wheel.

The scrollbar color is barely distinguishable from the background and it is very thin.
And this is in all themes.

Desired Solution you'd like

Some standard scrollbar design. Like the scrollbars in GitHub, for example.

Alternatives Considered

No response

Additional Context

No response

Originally created by @dazipe on GitHub (Mar 17, 2025). Original GitHub issue: https://github.com/open-webui/open-webui/issues/11782 ### Check Existing Issues - [x] I have searched the existing issues and discussions. ### Problem Description The vertical scrollbar of the chat dialog is barely noticeable and disappears when mouse is outside the window. I'm using Chrome in Windows and it is really frustrating when working with the long prompts when it is easier to drag the scrollbar instead of using the mouse wheel. The scrollbar color is barely distinguishable from the background and it is very thin. And this is in all themes. ### Desired Solution you'd like Some standard scrollbar design. Like the scrollbars in GitHub, for example. ### Alternatives Considered _No response_ ### Additional Context _No response_
GiteaMirror commented 2026-05-05 17:02:11 -05:00
Author
Owner
Copy Link

@taylorwilsdon commented on GitHub (Mar 17, 2025):

+++ couldn't agree more, it's one of the most frequent complaints I hear about Open-WebUI, which in its own way is a good thing - means core functionality is great and we're onto massaging the little details of look & feel!

My solution currently is just patch it directly (the values are coming from src/app.css - if you change the current ::-webkit-scrollbar value (0.4rem width) to the below it will be much more usable and you'll be able to select it with the mouse.

::-webkit-scrollbar {
	height: 0.4rem;
	width: 0.8rem;
}

It's been brought up before and I believe mentioned that it's the intended behavior (https://github.com/open-webui/open-webui/issues/9054) but I really don't see how a scrollbar that is so small it's impossible to see or click on is intended. I have never seen a 0.4rem scrollbar in the wild before. I'm happy to submit a PR if others would like!

<!-- gh-comment-id:2730248908 --> @taylorwilsdon commented on GitHub (Mar 17, 2025): +++ couldn't agree more, it's one of the most frequent complaints I hear about Open-WebUI, which in its own way is a good thing - means core functionality is great and we're onto massaging the little details of look & feel! My solution currently is just patch it directly (the values are coming from `src/app.css` - if you change the current `::-webkit-scrollbar` value (0.4rem width) to the below it will be much more usable and you'll be able to select it with the mouse. ``` ::-webkit-scrollbar { height: 0.4rem; width: 0.8rem; } ``` It's been brought up before and I believe mentioned that it's the intended behavior (https://github.com/open-webui/open-webui/issues/9054) but I really don't see how a scrollbar that is so small it's impossible to see or click on is intended. I have never seen a 0.4rem scrollbar in the wild before. I'm happy to submit a PR if others would like!
GiteaMirror commented 2026-05-05 17:02:13 -05:00
Author
Owner
Copy Link

@taylorwilsdon commented on GitHub (Mar 17, 2025):

Here ya go, PR https://github.com/open-webui/open-webui/pull/11786 up

<!-- gh-comment-id:2730272119 --> @taylorwilsdon commented on GitHub (Mar 17, 2025): Here ya go, PR https://github.com/open-webui/open-webui/pull/11786 up
GiteaMirror commented 2026-05-05 17:02:15 -05:00
Author
Owner
Copy Link

@Classic298 commented on GitHub (Mar 17, 2025):

+1

<!-- gh-comment-id:2730751250 --> @Classic298 commented on GitHub (Mar 17, 2025): +1
GiteaMirror commented 2026-05-05 17:02:17 -05:00
Author
Owner
Copy Link

@tjbck commented on GitHub (Mar 19, 2025):

Added in dev

<!-- gh-comment-id:2737145785 --> @tjbck commented on GitHub (Mar 19, 2025): Added in dev
GiteaMirror commented 2026-05-05 17:02:22 -05:00
Author
Owner
Copy Link

@anstiwar commented on GitHub (Aug 31, 2025):

Hi @taylorwilsdon ,

First of all, thank you very much for identifying the issue and providing a fix — this was much needed, as using the scrollbar in the UI has been quite difficult.

I just wanted to clarify one thing: in your previous comment, you suggested increasing the scrollbar width to 0.8rem, which I believe is the correct way to address the issue. However, while reviewing your PR #11786, I noticed that the height was changed to 0.8rem, not the width.

Is this expected? I'm not sure if increasing the height alone would resolve the issue.

<!-- gh-comment-id:3239844568 --> @anstiwar commented on GitHub (Aug 31, 2025): Hi @taylorwilsdon , First of all, thank you very much for identifying the issue and providing a fix — this was much needed, as using the scrollbar in the UI has been quite difficult. I just wanted to clarify one thing: in your previous comment, you suggested increasing the scrollbar width to 0.8rem, which I believe is the correct way to address the issue. However, while reviewing your PR [#11786](https://github.com/open-webui/open-webui/pull/11786 ), I noticed that the height was changed to 0.8rem, not the width. Is this expected? I'm not sure if increasing the height alone would resolve the issue.
GiteaMirror commented 2026-05-05 17:02:25 -05:00
Author
Owner
Copy Link

@rlutsch18 commented on GitHub (Oct 15, 2025):

+1

<!-- gh-comment-id:3407202271 --> @rlutsch18 commented on GitHub (Oct 15, 2025): +1
GiteaMirror commented 2026-05-05 17:02:27 -05:00
Author
Owner
Copy Link

@taylorwilsdon commented on GitHub (Oct 16, 2025):

Hey @anstiwar / @rlutsch18 - it looks like my change got lost along the way, in current dev branch its 0.4 for both. I'll put a fresh PR up.

<!-- gh-comment-id:3410800917 --> @taylorwilsdon commented on GitHub (Oct 16, 2025): Hey @anstiwar / @rlutsch18 - it looks like my change got lost along the way, in current dev branch its 0.4 for both. I'll put a fresh PR up.
GiteaMirror commented 2026-05-05 17:02:28 -05:00
Author
Owner
Copy Link

@taylorwilsdon commented on GitHub (Oct 16, 2025):

This will re-close @rlutsch18 - https://github.com/open-webui/open-webui/pull/18368

<!-- gh-comment-id:3410810619 --> @taylorwilsdon commented on GitHub (Oct 16, 2025): This will re-close @rlutsch18 - https://github.com/open-webui/open-webui/pull/18368
GiteaMirror commented 2026-05-05 17:02:29 -05:00
Author
Owner
Copy Link

@khell2014 commented on GitHub (Oct 16, 2025):

hi how i help

Le jeu. 16 oct. 2025 à 14:08, Taylor Wilsdon @.***> a
écrit :

taylorwilsdon left a comment (open-webui/open-webui#11782)
https://github.com/open-webui/open-webui/issues/11782#issuecomment-3410810619

This will re-close @rlutsch18 https://github.com/rlutsch18 - #18368
https://github.com/open-webui/open-webui/pull/18368

—
Reply to this email directly, view it on GitHub
https://github.com/open-webui/open-webui/issues/11782#issuecomment-3410810619,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/BY3QIEVPQ5WGJXTCKTPLXM33X6KDFAVCNFSM6AAAAABZGAKNF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTIMJQHAYTANRRHE
.
You are receiving this because you are subscribed to this thread.Message
ID: @.***>

<!-- gh-comment-id:3410967366 --> @khell2014 commented on GitHub (Oct 16, 2025): hi how i help Le jeu. 16 oct. 2025 à 14:08, Taylor Wilsdon ***@***.***> a écrit : > *taylorwilsdon* left a comment (open-webui/open-webui#11782) > <https://github.com/open-webui/open-webui/issues/11782#issuecomment-3410810619> > > This will re-close @rlutsch18 <https://github.com/rlutsch18> - #18368 > <https://github.com/open-webui/open-webui/pull/18368> > > — > Reply to this email directly, view it on GitHub > <https://github.com/open-webui/open-webui/issues/11782#issuecomment-3410810619>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/BY3QIEVPQ5WGJXTCKTPLXM33X6KDFAVCNFSM6AAAAABZGAKNF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTIMJQHAYTANRRHE> > . > You are receiving this because you are subscribed to this thread.Message > ID: ***@***.***> >
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#55021
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?