Vuetify: [Bug Report] Slider Keyboard Control (Left Arrow key and Right Arrow key) Not Always Working

Created on 19 Nov 2018  路  4Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.3.5 (1.3.8 still not working)
Vue: 2.5.13
Browsers: Chrome 70.0.3538.102
OS: Mac OS 10.13.4

Steps to reproduce

  1. Click the circle button on slider.
  2. Press the right arrow key or left arrow key on your keyboard.

Expected Behavior

I hope when I click circle button on slider, I always can use my keyboard to control slider to move left or right.

Just click any slider on the Vuetify Official Website, and you can see after you click the circle button, you can always move slider by keyboard.

Actual Behavior

When I click circle button on slider, success rate ( use keyboard to move the slider ) is only 5%.

Reproduction Link

https://codepen.io/TangentSita/pen/ZmXrbo?editors=1010

Other comments

I made two demos below, I hope you can watch them :D

  1. Not working demo
  2. Working demo
bug regression

All 4 comments

Broken since 1.1, only receives focus if you click on the track instead of the thumb.

Broken since 1.1, only receives focus if you click on the track instead of the thumb.

I see.
Thank you for your reply :D

Is there a plan to fix this? I see that it's _"Broken since 1.1, only receives focus if you click on the track instead of the thumb."_

But (roughly) when is this going to be fixed?

fixed in #6424

Was this page helpful?
0 / 5 - 0 ratings