885021 - Firefox renders radial-gradient incorrectly

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[nemo]

This is a reduced testcase of a curve on a sample site that looked wrong under OSX.
Blocky and ugly.  Renders perfectly under Linux and Windows.

Also, Safari under OSX also screws up the rendering but in a different (and a bit less ugly) way.
So possibly some fault of underlying gfx layer?

Comment 1

[nemo]

Attachment: Demo of radial gradient rendering bug

Attached the file

Comment 2

[nemo]

Oh. And Google Chrome renders it worst of all.

Test system is a Mac Mini 2, OSX 10.7.5, AMD Radeon HD 6630 256MB

Comment 3

[nemo]

Since this isn't browser specific (apart from oddity that all 3 browsers render the gradient incorrectly in 3 different ways, with Chrome's being most hideous).  Should I just close this out as being some OSX thingy that isn't Firefox' business?

Comment 4

[nemo]

Oh. And went over to another OSX machine (only had Safari).
Gradients rendered smoothly, but the lowest one was far too thick and dark.
Kind of reminded me a bit of Chromium's screwing up of box-shadow on http://m8y.org/tmp/testcase348.xhtml on my linux system.

Soo, really effed up rendering seems specific to this mac, but it looks like macs in general are not great at this gradient rendering.

Comment 5

[Milan Sreckovic [:milan] (needinfo for best results)]

Can you post an image of what the result *should* look like?

Comment 6

[Milan Sreckovic [:milan] (needinfo for best results)]

Attachment: Result on Windows 7, with Firefox 21

Is this the expected result?

Comment 7

[Milan Sreckovic [:milan] (needinfo for best results)]

Attachment: Result on Windows 7, with IE 10

IE 10 result.  At a glance, seems to be the same(?) as the Fx21 on Windows.

Comment 8

[nemo]

Yep.  That's it.  As noted, renders perfectly on Linux and Windows.
So, figured prob most folks over there have access to an OSX and Linux machine :)

But, I can make screenies for all the various ways it is screwed up on OSX if you like.

Comment 9

[Milan Sreckovic [:milan] (needinfo for best results)]

Attachment: On OS X, with Firefox 23

Comment 10

[Milan Sreckovic [:milan] (needinfo for best results)]

Attachment: On OSX, with Chrome Beta

Comment 11

[Milan Sreckovic [:milan] (needinfo for best results)]

Attachment: On OS X, with Safari

Comment 12

[nemo]

Yep. Those match mine, except that Safari on the Mac Mini renders more like Firefox only w/ the line in the gradient pixelated in a 45° diagonal stairstep.
Safari on the iMac matches your screenshot.

Comment 13

[Benoit Girard (:BenWa)]

Attachment: On OS X, with Safari software

STR:
1) Add debug menu: https://developer.mozilla.org/en-US/docs/Debugging_Safari
2) Turn off page acceleration

Looks like this is a quality/cost setting for software. Safari is better by default because they use hardware.

Comment 14

[Gregory Pappas [:gregp]]

Attachment: Comparison.png

Comment 15

[Gregory Pappas [:gregp]]

Seems like this is still a problem

Comment 16

[nemo]

Hm. I noticed you changed it from OSX specific to all platforms.
When I reported this a decade ago it was OSX specific - rendering on Linux and Windows was fine, and it was also not browser specific, although some did better than others - in the thread it was attributed to a software quality optimisation vs hardware acceleration.

If it impacts all platforms now, I wonder if it isn't a different bug in one of the many graphics layers Firefox has used over the past decade.