Bug 129176

Summary: Double bordered boxes have artifacts at the corners
Product: WebKit Reporter: Jon Lee <jonlee>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.9   
Attachments:
Description Flags
Safari Technology Preview 153 differ from other browsers none

Description Jon Lee 2014-02-21 15:31:07 PST 
Open:

data:text/html,<div style="width:100px;height:100px;border:5px double green"></div>

The corners don't render solidly. The code is rendering each line separately, when they could be rendering two boxes separately.

<rdar://problem/16138952>
Comment 1 Ahmad Saleem 2022-09-17 03:34:01 PDT 
Created attachment 462414 [details]
Safari Technology Preview 153 differ from other browsers

I changed the test case into JSFiddle:

Link - https://jsfiddle.net/nxucm9et/show

and get following as above. It seems that the pixels are not interacting with each other and have one line in it.

It is still reporducible.