search

vidstack / player

UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.
https://vidstack.io
MIT License
2.15k stars 126 forks source link

Dragging and releasing sliders #1226

Closed geerew closed 5 months ago

geerew commented 6 months ago

Current Behavior:

I have the following layout, which was built using web components in a sveltekit project

Screenshot 2024-04-02 at 13 06 59

When I do a pointer down on the media-time-silder and drag in order to change the time, if I release on another web component, for example mute or fullscreen, that button will trigger an event

The same things happens if I release on the video itself. The video will flip from paused to playing, or playing to paused

This actually happens with any slider. For example the media-volume-slider

Expected Behavior:

I would expect other components to not do anything if a slider is currently being interacted

Steps To Reproduce:

  1. Add several components in whatever layout, including 1 or more sliders
  2. Select and hold a slider, for example the time slider
  3. While selected, move the pointer so it is on the video, or on another component
  4. Release the pointer

Depending on where the pointer was released, other events occur that should not

geerew commented 6 months ago

I tested this behaviour in plyr.io, youtube and a few others

When sliders are being interacted with, regardless of where the pointer is released, nothing else happens, except for whatever the slider should do following the interaction