NEW171223
Incorrect border rendering in case of box-radius and empty borders on left an right 
https://bugs.webkit.org/show_bug.cgi?id=171223
Summary Incorrect border rendering in case of box-radius and empty borders on left an...
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.