1600296 - CSS invert() function slows video playback when applied twice

Status: UNCONFIRMED

(Core :: Graphics, defect, P3)

Description

[Nicholas Shanks]

Attachment: firefox-double-invert-reduction.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:69.0) Gecko/20100101 Firefox/69.0

Steps to reproduce:

Apply an invert() filter twice to a <video> element.

Actual results:

The video playback becomes stuttery. CPU usage goes very high.

Expected results:

The video playback would be smooth. Ideally no inversion would occur, or at least it would happen on the GPU and be very efficient. Chrome and Safari do not fall off the HW-accellerated path applying this CSS.

Comment 1

[Andreas Pehrson [:pehrsons]]

CSS filters do not affect the playback stack. I'm not sure of the proper component for this. Guessing graphics.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The priority flag is not set for this bug.
:jbonisteel, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[Jessie [:jbonisteel] pls NI]

Can you attach the contents of your about:support as a text file?

Comment 4

[Mayank Bansal]

Attachment: firefox-double-invert-reduction.html

Comment 5

[Mayank Bansal]

Profile : https://share.firefox.dev/44yZjCl
GPU use is 33%. Chrome has 6% GPU use.