starred/terminal
1
0
Fork 0
mirror of https://github.com/microsoft/terminal.git synced 2026-09-25 00:15:10 +00:00
Code Issues 19.0k Packages Projects Releases 20 Wiki Activity

the scroll bar is thicker than normal when the cursor hovers it #18299

New Issue
Open
opened 2026-01-31 06:09:47 +00:00 by claunia · 9 comments
claunia commented 2026-01-31 06:09:47 +00:00
Owner
Copy Link

Originally created by @unuing on GitHub (Aug 25, 2022).

Windows Terminal version

1.15.2284.0

Windows build number

10.0.25188.1000

Other Software

No response

Steps to reproduce

just open windows terminal and input some command or press enter until the scroll bar appears

Expected Behavior

the normal scroll bar looks like this:
image

Actual Behavior

the scroll bar is too thick:
image

Originally created by @unuing on GitHub (Aug 25, 2022). ### Windows Terminal version 1.15.2284.0 ### Windows build number 10.0.25188.1000 ### Other Software _No response_ ### Steps to reproduce just open windows terminal and input some command or press enter until the scroll bar appears ### Expected Behavior the normal scroll bar looks like this: ![image](https://user-images.githubusercontent.com/107602397/186574643-5d61ed86-b6fa-4e26-bff7-0ca80d02ffef.png) ### Actual Behavior the scroll bar is too thick: ![image](https://user-images.githubusercontent.com/107602397/186574518-37ee65cd-a0bf-4de5-96e7-da68f301f6cb.png)
claunia added the Issue-BugPriority-3Product-TerminalArea-UserInterface labels 2026-01-31 06:09:48 +00:00
claunia commented 2026-01-31 06:09:49 +00:00
Author
Owner
Copy Link

@zadjii-msft commented on GitHub (Aug 25, 2022):

Are they actually different widths/? Or is the thumb just slightly less rounded?

When we initially moved to Controlsv2 the scrollbar was actually wider, but we should have forced it back to the typical width. If it's wider for you, then this might be the inverse of #13361

@zadjii-msft commented on GitHub (Aug 25, 2022): Are they actually different widths/? Or is the thumb just _slightly less rounded_? When we initially moved to Controlsv2 the scrollbar was actually _wider_, but we should have forced it back to the typical width. If it's wider for you, then this might be the inverse of #13361
claunia commented 2026-01-31 06:09:49 +00:00
Author
Owner
Copy Link

@unuing commented on GitHub (Aug 25, 2022):

Are they actually different widths/? Or is the thumb just slightly less rounded?

they actually has different widths. the thicker one is about double width of the normal one.

@unuing commented on GitHub (Aug 25, 2022): > Are they actually different widths/? Or is the thumb just slightly less rounded? they actually has different widths. the thicker one is about double width of the normal one.
claunia commented 2026-01-31 06:09:49 +00:00
Author
Owner
Copy Link

@zadjii-msft commented on GitHub (Aug 25, 2022):

Really? That's weird. In your screenshots, the first is 22px, the second is 24px. That's weird that their different at all tbh.

What DPI scaling is your screen set to?

@zadjii-msft commented on GitHub (Aug 25, 2022): Really? That's weird. In your screenshots, the first is 22px, the second is 24px. That's weird that their different at all tbh. What DPI scaling is your screen set to?
claunia commented 2026-01-31 06:09:49 +00:00
Author
Owner
Copy Link

@unuing commented on GitHub (Aug 25, 2022):

Really? That's weird. In your screenshots, the first is 22px, the second is 24px. That's weird that their different at all tbh.

I'm using windows's snipping tool to create that screenshot, instead of prtsc key, maybe the image is compressed.

What DPI scaling is your screen set to?

image
Sorry if the Chinese UI is confusing.

@unuing commented on GitHub (Aug 25, 2022): > Really? That's weird. In your screenshots, the first is 22px, the second is 24px. That's weird that their different at all tbh. I'm using windows's snipping tool to create that screenshot, instead of prtsc key, maybe the image is compressed. > What DPI scaling is your screen set to? ![image](https://user-images.githubusercontent.com/107602397/186661707-d997c4b5-4af9-4b58-953c-f359200a3c92.png) Sorry if the Chinese UI is confusing.
claunia commented 2026-01-31 06:09:50 +00:00
Author
Owner
Copy Link

@unuing commented on GitHub (Aug 25, 2022):

a comparison:

image
this is windows terminal's scroll bar

image
this is a normal one

the blue lines has the same widths.

@unuing commented on GitHub (Aug 25, 2022): a comparison: >![image](https://user-images.githubusercontent.com/107602397/186702071-48bbe3b6-c273-4f66-b549-159bf9ef3ccd.png) this is windows terminal's scroll bar >![image](https://user-images.githubusercontent.com/107602397/186702127-821f254a-7955-4e48-8962-0540a4fffd72.png) this is a normal one the blue lines has the same widths.
claunia commented 2026-01-31 06:09:50 +00:00
Author
Owner
Copy Link

@unuing commented on GitHub (Aug 26, 2022):

I see the same thing in https://github.com/microsoft/terminal/issues/13361#issuecomment-1164255687. I bet it is also thicker than normal.

@unuing commented on GitHub (Aug 26, 2022): I see the same thing in https://github.com/microsoft/terminal/issues/13361#issuecomment-1164255687. I bet it is also thicker than normal.
claunia commented 2026-01-31 06:09:50 +00:00
Author
Owner
Copy Link

@unuing commented on GitHub (Aug 26, 2022):

To add here, the scroll bar is normal in settings UI.

@unuing commented on GitHub (Aug 26, 2022): To add here, the scroll bar is normal in settings UI.
claunia commented 2026-01-31 06:09:51 +00:00
Author
Owner
Copy Link

@ghost commented on GitHub (Aug 26, 2022):

At fault is the WinUI scrollbar template, which works in a confusing way.
To customize the space around the thumb you need to change ScrollBarThumbStrokeThickness to 2x the expected padding.

In this case you want 5px, so you would set it to 10:
image

Unfortunately, this will also affect the thumb in minimal mode:
image

Normally you'd want to be able to set the width for each state, but it's not really possible currently.

@ghost commented on GitHub (Aug 26, 2022): At fault is the WinUI scrollbar template, which works in a confusing way. To customize the space around the thumb you need to change `ScrollBarThumbStrokeThickness` to 2x the expected padding. In this case you want 5px, so you would set it to 10: ![image](https://user-images.githubusercontent.com/101892345/186974123-83e979f8-f962-4e0f-81e4-c0d063bc8974.png) Unfortunately, this will also affect the thumb in minimal mode: ![image](https://user-images.githubusercontent.com/101892345/186974290-3f8ed11d-b83a-4128-838c-58e245294aa5.png) Normally you'd want to be able to set the width for each state, but it's not really possible currently.
claunia commented 2026-01-31 06:09:51 +00:00
Author
Owner
Copy Link

@zadjii-msft commented on GitHub (Feb 14, 2023):

I'll stick this on the backlog, but it's blocked on the upstream microsoft/microsoft-ui-xaml#7682.

@zadjii-msft commented on GitHub (Feb 14, 2023): I'll stick this on the backlog, but it's blocked on the upstream microsoft/microsoft-ui-xaml#7682.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
⛺ Reserved
A11yCO
A11yMAS
A11ySev1
A11ySev2
A11ySev3
A11yTTValidated
A11yUsable
A11yVoiceAccess
A11yWCAG
Area-Accessibility
Area-AtlasEngine
Area-AzureShell
Area-Build
Area-Build
Area-Chat
Area-CmdPal
Area-CodeHealth
Area-Commandline
Area-CookedRead
Area-DefApp
Area-Extensibility
Area-Fonts
Area-GroupPolicy
Area-i18n
Area-Input
Area-Interaction
Area-Interop
Area-Localization
Area-Output
Area-Performance
Area-Portable
Area-Quality
Area-Remoting
Area-Rendering
Area-Schema
Area-Server
Area-Settings
Area-SettingsUI
Area-ShellExtension
Area-ShellExtension
Area-ShellExtension
Area-Suggestions
Area-Suggestions
Area-TerminalConnection
Area-TerminalControl
Area-Theming
Area-UserInterface
Area-VT
Area-Windowing
Area-WPFControl
AutoMerge
Blocking-Ingestion
Culprit-Centennial
Culprit-WinUI
Disability-All
Disability-Blind
Disability-LowVision
Disability-Mobility
External-Blocked-WinUI3
Fixed
Gathering-Data
good first issue
HCL-E+D
HCL-WindowsTerminal
Help Wanted
Impact-Compatibility
Impact-Compliance
Impact-Correctness
Impact-Visual
In-PR
InclusionBacklog
InclusionBacklog-Windows TerminalWin32
InclusionCommitted-202206
Issue-Bug
Issue-Docs
Issue-Feature
Issue-Feature
Issue-Question
Issue-Samples
Issue-Scenario
Issue-Task
Needs-Attention
Needs-Author-Feedback
Needs-Bisect
Needs-Discussion
Needs-Repro
Needs-Tag-Fix
Needs-Tag-Fix
Needs-Triage
No-Recent-Activity
Priority-0
Priority-1
Priority-2
Priority-3
Product-Cmd.exe
Product-Colortool
Product-Colortool
Product-Colortool
Product-Conhost
Product-Conpty
Product-Meta
Product-Powershell
Product-Terminal
Product-WSL
pull-request
Mirrored from GitHub Pull Request
 Resolution-Answered
Resolution-By-Design
Resolution-Duplicate
Resolution-External
Resolution-Fix-Available
Resolution-Fix-Committed
Resolution-No-Repro
Resolution-Won't-Fix
Severity-Blocking
Severity-Crash
Severity-DataLoss
spam
this-will-be-a-breaking-change
Tracking-External
WindowsTerminal_Win32
Work-Item
zAskModeBug
zInbox-Bug
No Label Area-UserInterface Issue-Bug Priority-3 Product-Terminal
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#18299
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?