video controls are covered up by (possibly transparent) things that cover up the video (unlike Chrome, where they're always on top)




3 years ago
9 months ago


(Reporter: lminko.lmk, Unassigned)


({css2, parity-chrome})

40 Branch
css2, parity-chrome

Firefox Tracking Flags

(Not tracked)



(1 attachment)

396 bytes, text/html


3 years ago
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.89 Safari/537.36


3 years ago
OS: Unspecified → Linux
Hardware: Unspecified → x86_64

Comment 1

3 years ago
The following produces the bugs:
    <meta content="">
    body::before {
      width: 100%;
      height: 100%;
      position: absolute;
      content: "''";
    <video controls="">
      <source src="/mac30-behind-the-scenes-cc-us-20140203_848x480.mp4">

The content attribute blocks video controls (user cannot click them). But, the code works well in chromium 44 (user can play/pause the video).
Current workaround is adding negative value (or bring video element front) of "z-index". e.g. z-index: -1.

Comment 2

3 years ago
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:44.0) Gecko/20100101 Firefox/44.0

IE 11 behaves the same as Firefox.
Component: Untriaged → Layout: R & A Pos
Keywords: css2
Product: Firefox → Core
Whiteboard: [parity-chrome]

Comment 3

3 years ago
Created attachment 8666343 [details]

Comment 4

3 years ago
Chrome is Correct behavior or FF / IE is correct in this case?

Comment 5

3 years ago
It only effect Audio and Video elements on Firefox. Other elements , <a> and <img> so far tested.
At first glance this looks similar to bug 102695, but it's not.

In Chrome, the video controls (and the ability to get to the video context menu -- but not to see the video) just pop up above all other content; in Firefox and IE things that cover up the video also cover up the video.

I'm inclined to think this is probably WONTFIX, or at least low priority.
Component: Layout: R & A Pos → Audio/Video
Summary: CSS pseudo-element:before content blocking user event to video and audio element → video controls are covered up by (possibly transparent) things that cover up the video (unlike Chrome, where they're always on top)

Comment 7

3 years ago
So  :before contents z-index to be lower than video/audio elements ?
Punting to layout
Component: Audio/Video → Layout
Mass bug change to replace various 'parity' whiteboard flags with the new canonical keywords. (See bug 1443764 comment 13.)
Keywords: parity-chrome
Whiteboard: [parity-chrome]
You need to log in before you can comment on or make changes to this bug.