Open Bug 613266 Opened 15 years ago Updated 3 years ago

border-radius rounded border corners drawn badly when corner more than half the size of the border box [css3-background]

Categories

(Core :: Web Painting, defect)

defect

Tracking

()

People

(Reporter: dbaron, Unassigned)

Details

(Keywords: css3)

Attachments

(1 file)

In bug 500141 I didn't fix some remaining issues shown in attachment 488954 [details]; parts of the border still do not appear in that testcase. In particular, the algorithm that was patched in bug 500141 is probably fundamentally broken in cases when the rounding of the corner extends past the center of the box, which can happen when adjacent corners are unrounded. Steps to reproduce: load attachment 488954 [details] Expected results: blue/black borders continue around the entire "tilted-eye" shape, though progressing from wide to narrow on each side of the eye Actual results: the parts of the borders that should be narrow are missing
Summary: border-radius rounded border corners drawn badly when corner more than half the size of the border box → border-radius rounded border corners drawn badly when corner more than half the size of the border box [css3-background]
This sounds related to the glitch I was about to report with the repro at http://jsfiddle.net/JVqzL/ (or maybe even the same). If not, I can file it separately. Basically, when a div has a thick border with a border-radius, and overflow: hidden, there is a faint artifact visible where the overflow gets cut off and the border begins.
Component: Layout: View Rendering → Layout: Web Painting
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: