question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Slider control: "Home" and "End" keystrokes behavior is confusing when orientation is vertical

See original GitHub issue

Describe the bug When using a Slider with a vertical orientation like the one below, pressing the “Home” key moves the slider thumb to the bottom and pressing the “End” key moves the slider thumb to the top.

This is fine with horizontal sliders to go to the minimum value (to the left) when pressing “Home” and to the maximum value (to the right) when pressing “End”, but this logic is confusing for vertical sliders as in that case the minimum value is at the bottom and the maximum one at the top of the slider.

Steps to reproduce the bug Run the following XAML code, focus the slider with the keyboard and press “Home” or “End” key.

<Slider Height="150" Orientation="Vertical" />

image

Expected behavior I would expect the slider thumb to go to the top when I press “Home” and to the bottom when I press “End”.

Version Info NuGet package version: [Microsoft.UI.Xaml 2.4.3]

Windows app type:

UWP Win32
Yes
Windows 10 version Saw the problem?
Insider Build (xxxxx)
20H2 (19042) Yes
May 2020 Update (19041)
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)
Device form factor Saw the problem?
Desktop Yes
Xbox
Surface Hub
IoT

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
robloocommented, Nov 30, 2020

Home should map to the minimum value on the slider and End should map to the maximum value on the slider. This is really the only logically mapping and corresponds with what those keys mean when using them for text editing (Home is character index 0 (min) and End is character index N (max)). Within that context, the vertical slider is behaving correctly I believe.

1reaction
shaheedmalikcommented, Nov 30, 2020

Home should map to the minimum value on the slider and End should map to the maximum value on the slider. This is really the only logically mapping and corresponds with what those keys mean when using them for text editing (Home is character index 0 (min) and End is character index N (max)). Within that context, the vertical slider is behaving correctly I believe.

The purpose of Home is the to go to the top. End is to go to the bottom.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Slider control issue - Microsoft Q&A
Hi all How to define a vertical slider. Thank you. ... The wpf slider control has an orientation property you can set to...
Read more >
Guidelines for Keyboard User Interface Design
Avoid duplicating access keys. Keep access key assignments unique; duplicated access keys can confuse users. If absolutely necessary, you can ...
Read more >
Apply the Sequence Text behavior in Motion
In Motion, apply the Sequence Text behavior to animate text attributes like scale, position, and so on, in sequence, character by character.
Read more >
Stage Manager in iPadOS 16: At the Intersection of Bugs ...
On a 12.9” iPad Pro, windows tend to support up to 7 sizes on the horizontal axis and 5 vertically, but the numbers...
Read more >
WAI-ARIA Authoring Practices 1.1
Control + End : moves focus to the last cell in the last row. Note. When the above grid navigation keys move focus,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found