458985 - Edge of element with border-radius seem to use background-color of the element partly

Status: RESOLVED DUPLICATE of bug 456219

(Core :: Graphics, defect)

Description

[Martijn Wargers (dead)]

Attachment: testcase (uses enhanced privileges)

See testcase, the testcase uses enhanced privileges to highlight the difference between the testcase (left) and the reference.

As you can see, when you run the testcase, the difference is shown on the edge of the elements.

When zooming in on the border-radius testcase, I noticed that the edge of the border shows green colors (I'll attach a screenshot of this). That seems incorrect behavior to me.

Comment 1

[Martijn Wargers (dead)]

Attachment: screenshot of testcase border, zoomed in

Comment 2

[Martijn Wargers (dead)]

Attachment: screenshot of testcase border, zoomed in

Comment 3

[Martijn Wargers (dead)]

Attachment: screenshot of testcase border, zoomed in, with white background

Comment 4

[Martijn Wargers (dead)]

Attachment: screenshot of reference border, zoomed in, with white background

But that's not the only reason why testcase and reference show a difference. The reference seems to have a lighter edge than the testcase itself.

Comment 5

[Martijn Wargers (dead)]

Ok, using -moz-background-clip: padding; fixes the use of lime background-color at the edge of the border. But it still doesn't make the test and reference identical in rendering.