If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

Drag events don't seem to fire properly on a video element with controls showing

NEW
Unassigned

Status

()

Toolkit
Video/Audio Controls
6 years ago
6 years ago

People

(Reporter: secretrobotron, Unassigned)

Tracking

Trunk
x86
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

6 years ago
Created attachment 610362 [details]
drag event failure

When dragging an element over a <video>, "dragenter" and "dragleave" fire as expected until the "controls" attribute is applied. Dragging the element around the area the controls occupy will disrupt the fired events.

In the attached example, dragging over either <video> will cause it to become opaque. The video without controls works correctly, but the video with controls does not.

Live example: http://jsfiddle.net/zZq8J/6/
(Reporter)

Comment 1

6 years ago
Upon further inspection, the chain of events seems to go something like this:

dragenter
dragenter
dragleave
dragenter

without ever moving off of the <video>.

When I do drag off though, I get something like this:
dragleave
dragleave

which is also confusing, since it's hard to leave something twice without re-entering it.

http://jsfiddle.net/zZq8J/8/
Probably this is video controls related, moving there.
Component: Video/Audio → Video/Audio Controls
Product: Core → Toolkit
QA Contact: video.audio → video.audio
Version: unspecified → Trunk
You need to log in before you can comment on or make changes to this bug.