Bug 61258 - border rendering bug with border-width: 500px and more and border-radius applied
Summary: border rendering bug with border-width: 500px and more and border-radius applied
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 7
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-05-22 21:06 PDT by cyrylski
Modified: 2011-06-08 23:54 PDT (History)
4 users (show)

See Also:


Attachments
illustration of described misbehavior, Google Chrome agains Firefox 4 (772.19 KB, image/png)
2011-05-22 21:06 PDT, cyrylski
no flags Details
The test case included. That's where the screenshots come from. (614 bytes, text/html)
2011-05-23 12:20 PDT, cyrylski
no flags Details
An attachement in reply to Mihnea's question. Issue still there in 12.0.742.77 beta-m. (134.11 KB, image/png)
2011-06-04 11:20 PDT, cyrylski
no flags Details
a shot from Canary 14-something, as in the screenshot. (219.37 KB, image/png)
2011-06-08 23:42 PDT, cyrylski
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description cyrylski 2011-05-22 21:06:47 PDT
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.
Comment 1 Alexey Proskuryakov 2011-05-23 10:23:48 PDT
Could you please attach a test case in addition to the screenshot?
Comment 2 cyrylski 2011-05-23 12:20:59 PDT
Created attachment 94455 [details]
The test case included. That's where the screenshots come from.
Comment 3 Mihnea Ovidenie 2011-06-04 10:35:13 PDT
(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?
Comment 4 cyrylski 2011-06-04 11:18:17 PDT
(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.
Comment 5 cyrylski 2011-06-04 11:20:33 PDT
Created attachment 96027 [details]
An attachement in reply to Mihnea's question. Issue still there in 12.0.742.77 beta-m.
Comment 6 cyrylski 2011-06-04 11:21:14 PDT
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.
Comment 7 Mihnea Ovidenie 2011-06-05 07:13:59 PDT
(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,
Comment 8 David Barr 2011-06-08 20:53:01 PDT
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
Comment 9 Alexey Proskuryakov 2011-06-08 21:43:59 PDT
Looks fine to me with a nightly from <http://nightly.webkit.org/>, too.
Comment 10 cyrylski 2011-06-08 23:39:29 PDT
(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.
Comment 11 cyrylski 2011-06-08 23:42:22 PDT
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.
Comment 12 Shane Stephens 2011-06-08 23:54:01 PDT
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.