1502442 - When using Webrender, the CSS property filter: dropshadow render over the Firefox chrome (above the tabs)

Status: RESOLVED DUPLICATE of bug 1496019

(Core :: Graphics: WebRender, defect)

Description

[alessandro.carlo]

Attachment: about:support

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

I'm currently using Nightly:
- enable Webrender (I enabled it manually in about:config setting gfx.webrender.all to true)
- open the page https://www.gog.com/game/timespinner and wait for the play video button to appear
- scroll the page to place the play button where the Firefox tabs are.


Actual results:

- The play button is partly rendered over the Firefox browser UI.

This does not happen when Webrender is disabled.


Expected results:

- The play button should have "disappeared" behind the Firefox UI at the top of the window.

In the DevTools, selecting the element
"html#pageTop.ng-scope body.productcard._prices-in-sek._price-currency-symbol-before.user-logged-in div.layout.ng-scope div.productcard-player.productcard-image.hide-when-content-is-expanded.ng-scope div.productcard-player__container.layout-container.layout-container--no-padding.ng-scope a.productcard-player__play-button.ng-scope"

and disabling the property "filter: drop-shadow(0 0 2px rgba(0,0,0,.75));" from the CSS class ".productcard-player__play-button" makes the problem disappear.

Comment 1

[alessandro.carlo]

Attachment: webrender-ui-issue.png