You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Mouse selection doesn't work with interactive tags like "video", in my case.
What is the current behavior?
It is not possible to start a mouse selection within an html video tag with controls on, with my own content and not an iframe or a third-party service like Youtube or Vimeo.
It's also impossible to end a mouse selection in a video tag. The selection-area is stuck to the cursor until I click outside of the video tag.
Please provide the steps to reproduce and create a CodeSandbox.
make a mouse selection starting from the blue area, go above the, release mouse left => selection is stuck to the mouse and you have to click elsewhere to close it.
start mouse selection on video => doesn't work but launches the video.
What is the expected behavior?
I would like to stop the mouse selection on mouse release, wherever the cursor is, even on a video tag.
Your environment:
Toolset (e.g. webpack, vite, vue-cli...):
Version (@viselect/<insert package>):
Browser:
OS:
see codepen above
The text was updated successfully, but these errors were encountered:
Jup, seems to be an bug - the "mouseup" event doesn't bubble up to the document if it's origin is a video tag. I'd have to bind events to each such elements manually first... not sure how this can be efficiently fixed though. Maybe I can take a closer look somewhere next week, can't promise anything though - sorry :/
Thank you for your answer, it actually helped me understand what was going on here.
So, it seems that video tags aren't an element in the DOM, and that's why some events like mouseup are not triggered.
Issue can be avoided by using object tag like so, but video now autoplays itself and that's a new problem to solve...
If you find a solution for the video tag one day, I'll take it :)
Meanwhile, thank you for your time again and I wish you a good day.
What is the problem?
Mouse selection doesn't work with interactive tags like "video", in my case.
What is the current behavior?
It is not possible to start a mouse selection within an html video tag with controls on, with my own content and not an iframe or a third-party service like Youtube or Vimeo.
It's also impossible to end a mouse selection in a video tag. The selection-area is stuck to the cursor until I click outside of the video tag.
Please provide the steps to reproduce and create a CodeSandbox.
Here is a codepen where you can try to :
What is the expected behavior?
I would like to stop the mouse selection on mouse release, wherever the cursor is, even on a video tag.
Your environment:
see codepen above
The text was updated successfully, but these errors were encountered: