Bug 25737

Summary: Dotted borders look different on Safari, Chrome and Firefox
Product: WebKit Reporter: Roland Steiner <rolandsteiner>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: antifreeze, bruno.abinader, jensimmons, jonlee, mikelawther, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=53932
Bug Depends on: 95203, 92383, 94917    
Bug Blocks:    
Description Flags
dotted border: Firefox rendering
dotted border: Safari rendering
dotted border: Chrome (Skia) rendering none

Description Roland Steiner 2009-05-12 15:02:50 PDT
<div style="border: 4px dotted black; height:100px; width: 100px"></div> results in different render output on Safari, Chrome and Firefox browsers (different corner styles, different dot styles).
Comment 1 Roland Steiner 2009-05-12 15:04:13 PDT
Created attachment 30248 [details]
dotted border: Firefox rendering
Comment 2 Roland Steiner 2009-05-12 15:04:34 PDT
Created attachment 30249 [details]
dotted border: Safari rendering
Comment 3 Roland Steiner 2009-05-12 15:04:56 PDT
Created attachment 30250 [details]
dotted border: Chrome (Skia) rendering
Comment 4 Simon Fraser (smfr) 2009-05-12 15:08:24 PDT
CSS spec says that "dotted" should be "a series of round dots", so Firefox is more accurate in that regard:

It also says "Implementations are encouraged to choose a spacing that makes the corners symmetrical", so Chrome/Safari are better there.
Comment 5 Cameron Zwarich (cpst) 2010-09-06 15:01:21 PDT
*** Bug 44611 has been marked as a duplicate of this bug. ***
Comment 6 antifreeze 2010-09-07 19:33:30 PDT
Is there any hope for this bug being fixed? Dotted line means round "dots". It's not a dashed line as rendered in WebKit.
Comment 7 Bruno Abinader (history only) 2012-07-26 07:08:51 PDT
Martin is taking care of this on Qt port, a patch is coming soon :)
Comment 8 Jen Simmons 2017-02-27 12:55:59 PST
I'm interested in fixing this. And in adding a value to border (and everywhere) to accept short dashes as well, so authors have the option of round dots or tiny squares. That would be useful.
Comment 9 Radar WebKit Bug Importer 2017-02-27 13:23:08 PST