microsoft / microsoft/microsoft-ui-xaml

Slider control is asymmetrical on 125% DPI

Open
#10,893 0 comments 4 reactions 0 assignees View on GitHub
area-Slider bug
Dominant language
C++
Stars
8.4k
Forks
942
Avg merge
2d 7h
Merged PRs (30d)
105

Description

### Describe the bug

The Slider control has different paddings from the central blue dot to margins on 125% DPI

See the screenshot below, the lengths of green and orange lines are different, 6 and 7 pixels.

Image

This cause subtle feel of unbalanced and distirbing look.

### Why is this important?

This cause feeling that an app UI is not perfect.

### Steps to reproduce the bug

Set DPI to 125%.
See the Slider control in WinUI 3 Gallery app.

### Actual behavior

Paddings around central blue dot are different

### Expected behavior

Paddings around central blue dot are equal

### Screenshots

Image

### NuGet package version

WinUI 3 - Windows App SDK 1.8.3: 1.8.251106002

### Windows version

Windows 10 (21H2): Build 19044

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the Slider control in the WinUI 3 Gallery with display scaling set to 125%, using the reported Windows App SDK 1.8.3 environment. Inspect the Slider control's layout and styling, then verify that the padding from the central blue dot to both margins is equal at that scale.

Written by the indexing model from the issue text.

Assessment

Tech stack
cpp
Domain
design, desktop
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.