RESOLVED CONFIGURATION CHANGED 72120
Border-radius with border-left-width different 
https://bugs.webkit.org/show_bug.cgi?id=72120
Summary Border-radius with border-left-width different
luiztiago
Reported 2011-11-11 05:38:21 PST
Border-left-width different with border-radius rendering two imaginary line. Try border-left-width with 2px and 3px. http://jsfiddle.net/48zd2/
Attachments
Screenshot (8.79 KB, image/png)
2011-11-11 05:39 PST, luiztiago 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
luiztiago
Comment 1 2011-11-11 05:39:25 PST
Created attachment 114684 [details] Screenshot
Patrick A. Alcisto
Comment 2 2012-01-19 15:23:33 PST
I can confirm this bug as well with additional test cases further displaying the effects of the bug. It is affected by more than just the border-radius and border-width of the left border. In the jsfiddle link I have provided below, I have created multiple test cases showing the affects of varying values for border-radius,border-width, border-top-width, border-right-width, border-bottom-width, border-left-width, height, and width combinations. http://jsfiddle.net/kGST9/7/
Jonathan
Comment 3 2012-03-30 07:17:27 PDT
I am experiencing the same issue with Chrome 18 on Windows 7.
Martin Saulis
Comment 4 2012-04-04 06:07:29 PDT
I was going to file a new bug, but by the looks of it I'm experiencing the same issue. Some examples pinning it down may be found here: http://saulis.com/test/border/ As far as I see, the cause of the issue is the combination of very large / low width to height ratio AND the existence of border-radius.
Brent Fulgham
Comment 5 2022-07-12 15:33:33 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.