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:    
Attachments:
Description Flags
dotted border: Firefox rendering
none
dotted border: Safari rendering
none
dotted border: Chrome (Skia) rendering none

Roland Steiner
Reported 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).
Attachments
dotted border: Firefox rendering (871 bytes, image/png)
2009-05-12 15:04 PDT, Roland Steiner 		no flags
Details
dotted border: Safari rendering (802 bytes, image/png)
2009-05-12 15:04 PDT, Roland Steiner 		no flags
Details
dotted border: Chrome (Skia) rendering (763 bytes, image/png)
2009-05-12 15:04 PDT, Roland Steiner 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Roland Steiner
Comment 1 2009-05-12 15:04:13 PDT
Created attachment 30248 [details] dotted border: Firefox rendering
Roland Steiner
Comment 2 2009-05-12 15:04:34 PDT
Created attachment 30249 [details] dotted border: Safari rendering
Roland Steiner
Comment 3 2009-05-12 15:04:56 PDT
Created attachment 30250 [details] dotted border: Chrome (Skia) rendering
Simon Fraser (smfr)
Comment 4 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: <http://www.w3.org/TR/css3-background/#the-border-style> It also says "Implementations are encouraged to choose a spacing that makes the corners symmetrical", so Chrome/Safari are better there.
Cameron Zwarich (cpst)
Comment 5 2010-09-06 15:01:21 PDT
*** Bug 44611 has been marked as a duplicate of this bug. ***
antifreeze
Comment 6 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.
Bruno Abinader (history only)
Comment 7 2012-07-26 07:08:51 PDT
Martin is taking care of this on Qt port, a patch is coming soon :)
Jen Simmons
Comment 8 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.
Radar WebKit Bug Importer
Comment 9 2017-02-27 13:23:08 PST
<rdar://problem/30740942>
Note You need to log in before you can comment on or make changes to this bug.