vidstack
touch-swiping on a 'live' video makes time slider stuck in dragging state
Current Behavior:
When I am on a touchscreen device, if I play a video with stream type = 'live', swiping left or right on the video makes the time slider thicker; the time slider will stay thickened, and the layout will stay messed up (setting button, live badge and full-screen button are missing). Inspecting the HTML elements reveals that the media-time-slider element is stuck having a data-dragging attribute.
Expected Behavior:
When stream type is live, users should not be able to rewind or fast forward. Swiping left or right on the video should have no effect on the time slider.
Steps To Reproduce:
- Open https://vidstack.io/player/demo/
- Select "Live" preset
- Click the play button
- When the video plays, swipe left/right on the video (on any empty space will do, not on the time slider / setting button / full screen button though)
- the time slider bar thickens and stay thickened
Environment:
I am able to reproduce the bug in Microsoft Edge@133 on Windows 11 (see screen capture below). (I am also able to reproduce the bug on Firefox on Windows, Firefox on Android, and Opera on Android also.)
Screen capture:
https://github.com/user-attachments/assets/1e813d74-2307-40e2-b1b3-3625f6ec0f86
