Bug 171223

Summary: Incorrect border rendering in case of box-radius and empty borders on left an right
Product: WebKit Reporter: Igor Shevchenko <cyberskunk>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 10   
Hardware: Mac   
OS: macOS 10.12   
URL: https://jsfiddle.net/cyberskunk/3puzh8uq/1/
Attachments:
Description Flags
screenshot of the issue
none
Even more incorrect. none

Igor Shevchenko
Reported 2017-04-24 08:07:48 PDT
Created attachment 307977 [details] screenshot of the issue - Create element with border-radius - add top and bottom borders having different colours (e.g. red and blue, correspondingly) - behold top border having both both colours: - its own colour (red) in centre - colour of the bottom border (blue) on both right and left ends
Attachments
screenshot of the issue (13.12 KB, image/png)
2017-04-24 08:07 PDT, Igor Shevchenko 		no flags
Details
Even more incorrect. (181 bytes, text/html)
2017-04-25 19:53 PDT, alan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
alan
Comment 1 2017-04-25 19:53:20 PDT
Created attachment 308193 [details] Even more incorrect.
Radar WebKit Bug Importer
Comment 2 2017-04-26 11:00:00 PDT
<rdar://problem/31841344>
Ahmad Saleem
Comment 3 2022-09-30 16:14:14 PDT
I am able to reproduce this bug in Safari 16 and Safari Technology Preview 154 using both test cases (JSFiddle and attached). While other browsers (Chrome Canary 108 and Firefox Nightly 107) match each other and does not have color bleed into other like Safari. Thanks!
Note You need to log in before you can comment on or make changes to this bug.