Bug 61258 – border rendering bug with border-width: 500px and more and border-radius applied

• Component: CSS
• Status: RESOLVED WORKSFORME

Created attachment 94360 [details]
illustration of described misbehavior, Google Chrome agains Firefox 4

When a border gets really thick and border radius is applied, you cannot get a smooth rendering of the roundness. Borders get distorted with widths above 100 pixels.

[Alexey Proskuryakov]

Could you please attach a test case in addition to the screenshot?

Created attachment 94455 [details]
The test case included. That's where the screenshots come from.

[Mihnea Ovidenie]

(In reply to comment #2)
> Created an attachment (id=94455) [details]
> The test case included. That's where the screenshots come from.

Are you getting these errors using the latest WebKit? I was testing on win7/mac with latest webkit but i was not able to reproduce your issue. Maybe a Chromium only problem?

(In reply to comment #3)
> (In reply to comment #2)
> > Created an attachment (id=94455) [details] [details]
> > The test case included. That's where the screenshots come from.
> 
> Are you getting these errors using the latest WebKit? I was testing on win7/mac with latest webkit but i was not able to reproduce your issue. Maybe a Chromium only problem?

I'm attaching a new screenshot. 

My Chrome is 12.0.742.77 beta-m. It's still not working properly.

Created attachment 96027 [details]
An attachement in reply to Mihnea's question. Issue still there in 12.0.742.77 beta-m.

Comment on attachment 96027 [details]
An attachement in reply to Mihnea's question. Issue still there in 12.0.742.77 beta-m.

border width has been increased to 500px.

[Mihnea Ovidenie]

(In reply to comment #6)
> (From update of attachment 96027 [details])
> border width has been increased to 500px.

Hi,

What i am saying is that the issue you are seeing cannot be reproduced in WebKit nightly. Even at larger values for border, WebKit on Windows and Mac is working (for me) fine. If you are seeing this issue in Chromium latest build only (and not in WebKit), you should file a bug for Chromium.

Could you please make a test with the latest WebKit from: http://nightly.webkit.org/. Try to make the same tests you were making with Chromium and tell us what happens.

Regards,

[David Barr]

Tested in Google Chrome 14.0.787.0 (Official Build 88274) canary - rendered correctly.

In future, please test against Canary: http://tools.google.com/dlpage/chromesxs

[Alexey Proskuryakov]

Looks fine to me with a nightly from <http://nightly.webkit.org/>, too.

(In reply to comment #8)
> Tested in Google Chrome 14.0.787.0 (Official Build 88274) canary - rendered correctly.
> 
> In future, please test against Canary: http://tools.google.com/dlpage/chromesxs

Ok, another screenshot. Are you sure you are using border radius and width big enough? The inner border edge looks creepy. I encountered this trying to render a spotlight effect and it won't work as intended as long a the bug is there.

Please see the screenhot.

Created attachment 96553 [details]
a shot from Canary 14-something, as in the screenshot.

Following the advice of a couple people here, I'm attaching another screenshot form the newest newest Chrome. Issue still there.

[Shane Stephens]

Again, please demonstrate the issue in WebKit nightly. At the moment it seems this is a Chrome render bug and hence you should file in Chrome's bug tracker, not here.