Bug 171223 - Incorrect border rendering in case of box-radius and empty borders on left an right
Summary: Incorrect border rendering in case of box-radius and empty borders on left an...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 10
Hardware: Mac macOS 10.12
: P2 Normal
Assignee: Nobody
URL: https://jsfiddle.net/cyberskunk/3puzh...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-04-24 08:07 PDT by Igor Shevchenko
Modified: 2022-09-30 16:14 PDT (History)
4 users (show)

See Also:

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, zalan 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Igor Shevchenko 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
Comment 1 zalan 2017-04-25 19:53:20 PDT 
Created attachment 308193 [details]
Even more incorrect.
Comment 2 Radar WebKit Bug Importer 2017-04-26 11:00:00 PDT 
<rdar://problem/31841344>
Comment 3 Ahmad Saleem 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!