player icon indicating copy to clipboard operation
player copied to clipboard

`media-time-slider` responds to keyboard events when `disabled`

Open MikeBellika opened this issue 1 year ago • 0 comments

Current Behavior:

After setting the disabled prop on media-time-slider, it still responds to keyboard events when focused.

Expected Behavior:

media-time-slider should not respond to keyboard events when disabled

Steps To Reproduce:

  1. Open this: https://stackblitz.com/edit/vidstack-examples-dcj8v7?file=src%2Fcomponents%2Fsliders%2FTimeSlider.vue
  2. Click on video to focus it and notice you can't use arrow keys to scrub.
  3. Click the slider. Notice scrubbing is disabled
  4. Use arrow keys to scrub video

Reproduction Link: repro

Environment:

  • Framework: Vue
  • Browser: Chrome
  • Stackblitz

MikeBellika avatar Aug 12 '24 14:08 MikeBellika