527695 - box-shadow causes artifacts on corners with border-radius

Status: RESOLVED WORKSFORME

(Core :: Web Painting, defect)

Description

[Emil Ivanov]

Attachment: testcase

When -moz-box-shadow is applied to element, there are artifacts from the background color on the rounded corners.

Without -moz-box-shadow everything looks fine.

I have used -moz-linear-gradient with the new syntax on trunk. The same result is visible with simple background-color, but with gradient the problem is more visible. The artifacts on all corners are with the first defined color, even when the gradient finishes with different color.

Comment 1

[Emil Ivanov]

Attachment: screenshot

Comment 2

[Robert O'Callahan (:roc) (email my personal email if necessary)]

You're talking about the faint red dots at the corners?

Almost certainly some kind of "seams" issue.

Comment 3

[Emil Ivanov]

Attachment: testcase2

Testcase with plain background-color and increased border-width. Artifacts are even more here.

Comment 4

[Emil Ivanov]

Attachment: screenshot2

The corners are compared with high zoom level, so you can see the exact difference. The inner and outer part of the radius is different.

Comment 6

[Sebastian Zartner [:sebo]]

Sounds like a duplicate of bug 466572. Though this issue was the first one I stumbled over searching for this problem, so probably 466572 should be marked as duplicate of this one.

Comment 7

[Emil Ivanov]

Attachment: updated testcase

Comment 8

[(mostly gone) XtC4UaLL [:xtc4uall]]

Attachment 541312 [details] is WFM using Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0 ID:20130116073211 with HWA on and off.