Skip to content

Mouse selection doesn't work with video tag controls #160

@AlexiZ

Description

@AlexiZ

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 :

  • 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    browser quirkBrowser / devices specific issuehelp wantedExtra attention is needed

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions