User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0 Build ID: 20170727162801 Steps to reproduce: Go to https://www.instagram.com/ with gfx.webrender.enabled is true Actual results: During animation of top panel you can see part of gradient on top of other tabs Expected results: When gfx.webrender.enabled is false animation not seen outside the tab.

Using the latest nightly with WebRender, I didn't see the animation issue from the instagram website. Reporter, is this still an issue for you?

With following settings: turn off layers.async-pan-zoom.enabled turn on gfx.webrender.enabled turn on gfx.webrendest.enabled turn on gfx.webrender.layers-free turn on gfx.webrender.blob-images I can see this issue above scrollbar

Reporter, I still can't reproduce this issue on OSX. Do you change the theme of firefox? I tried to install some themes and firefox still works fine. Does this issue happen with apz enabled? Please attach your about:support in bug.

(In reply to Peter Chang[:pchang] from comment #4) > Reporter, I still can't reproduce this issue on OSX. > > Do you change the theme of firefox? I tried to install some themes and > firefox still works fine. Does this issue happen with apz enabled? This issue could be reproduced on windows and the problem still exists with apz on/off. I will find a window machine to debug this. > Please attach your about:support in bug.

I only turn on gfx.webrender.enabled, and I can see the issue at win10. layers.async-pan-zoom.enabled off gfx.webrender.enabled on gfx.webrendest.enabled off gfx.webrender.layers-free off gfx.webrender.blob-images off

This is the simplified test page from ig.

(In reply to Jerry Shih[:jerry] (UTC+8) from comment #6) > gfx.webrender.layers-free off Note that if this only happens with layers-free off then it's a wontfix and not worth investigating.

(In reply to Kartikaya Gupta (email:kats@mozilla.com) from comment #8) > (In reply to Jerry Shih[:jerry] (UTC+8) from comment #6) > > gfx.webrender.layers-free off > > Note that if this only happens with layers-free off then it's a wontfix and > not worth investigating. I can reproduse this with: turn on gfx.webrender.enabled turn on gfx.webrendest.enabled turn on gfx.webrender.layers-free turn on gfx.webrender.blob-images turn on layers.async-pan-zoom.enabled

I've filed https://github.com/servo/webrender/issues/1803 about this.

We could reproduce the issue just with rotation.

The https://github.com/servo/webrender/pull/1820 could fix this problem. Waiting for that PR.

Sorry, the [1] can't not fix this problem. That could fix the "background-color" not the "background:radial-gradient" ig used here. The radial-gradient case is the [2]. [1] https://github.com/servo/webrender/pull/1820 [2] https://github.com/servo/webrender/pull/1818

Fixed by the WebRender update in bug 1405790.