Closed Bug 527695 Opened 14 years ago Closed 11 years ago

box-shadow causes artifacts on corners with border-radius


(Core :: Web Painting, defect)

Not set





(Reporter: stream, Unassigned)


(Blocks 1 open bug)


(Keywords: testcase)


(3 files, 2 obsolete files)

Attached file testcase (obsolete) —
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.
Attached image screenshot
Blocks: 212633
You're talking about the faint red dots at the corners?

Almost certainly some kind of "seams" issue.
Attached file testcase2 (obsolete) —
Testcase with plain background-color and increased border-width. Artifacts are even more here.
Attached image 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.
Depends on: 466572
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.
Attached file updated testcase
Attachment #411428 - Attachment is obsolete: true
Attachment #411551 - Attachment is obsolete: true
OS: Windows XP → All
Hardware: x86 → All
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.
Closed: 11 years ago
Resolution: --- → WORKSFORME
Component: Layout: View Rendering → Layout: Web Painting
You need to log in before you can comment on or make changes to this bug.