Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider: Focus on slider on mouse click #3748

Closed
riorudo opened this issue Mar 14, 2023 · 1 comment · Fixed by #3769
Closed

Slider: Focus on slider on mouse click #3748

riorudo opened this issue Mar 14, 2023 · 1 comment · Fixed by #3769
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@riorudo
Copy link

riorudo commented Mar 14, 2023

Describe the bug

When the slider is selected with the mouse, the focus is NOT set on the slider.
At the moment it is possible to set the focus on the slider via the tab navigation, but not with the mouse.

Focus on mouse selection works for the PrimeNG Slider v15.2.0 but not for the PrimeVue Slider v3.25.0. This can be reproduced using the official documentation as an example.

Reproducer

https://primevue.org/slider

PrimeVue version

3.25.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Chrome 111.xx, Firefox 110.xx

Steps to reproduce the behavior

  1. Select slider handle with the mouse
  2. Try to increase/decrease the value of the slider using the arrow keys

Expected behavior

When the slider is selected with the mouse, it should receive focus so that the slider value can also be increased/decreased with the keyboard.

@riorudo riorudo added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Mar 14, 2023
@bahadirsofuoglu bahadirsofuoglu self-assigned this Mar 19, 2023
@bahadirsofuoglu bahadirsofuoglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Mar 19, 2023
@bahadirsofuoglu bahadirsofuoglu added this to the 3.26.0 milestone Mar 19, 2023
@kilobyte2007
Copy link

This issue seems to be present again. @tugcekucukoglu can you please take a look?
It's reproducible on the docs site - https://primevue.org/slider/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants