Description
openedon Aug 19, 2024
Checklist
- I've looked at the documentation to make sure the behavior isn't documented and expected.
- I'm sure this is an issue with Leaflet, not with my app or other dependencies (Angular, Cordova, React, etc.).
- I've searched through the current issues to make sure this hasn't been reported yet.
- I agree to follow the Code of Conduct that this project adheres to.
Steps to reproduce
Add a videoOverlay to a map with controls from a video element to a Leaflet map with a simple CRS.
In Chrome - Clicking the seek circle will sometimes immediately call seekend - you can see this in the console in my example where mousdown is false even when the mouse is still being pressed. In the plain html5 video element this does not happen.
In Safari - clicking the seek bar appears to do nothing and the map just moves as the user attempts to seek the video.
Expected behavior
Clicking the seek circle will always behave normally - not causing the video to immediate seek, and will not cause the map to move.
The issue with Safari is not as critical since in Chrome the user can sometimes seek the video, but not always, whereas in Safari it appears the user can never seek the video by moving the seek bar.
Current behavior
I suspect that in Chrome, unless pressed at the exact mouse coordinates of the seek circle, the video seeks to a new time, ending the seeking event, and does not continue seeking as expected.
Minimal example reproducing the issue
https://plnkr.co/edit/vKFmFFnQNT6cVxVf
Environment
- Leaflet version: 1.9.4
- Chrome Version 127.0.6533.120 (Official Build) (arm64)
- Safari Version 17.6 (19618.3.11.11.5)
- OS/Platform (with version): MacOS,Windows
Activity