Bug 25737 - Dotted borders look different on Safari, Chrome and Firefox
Summary: Dotted borders look different on Safari, Chrome and Firefox
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
: 44611 (view as bug list)
Depends on: 95203 92383 94917
Blocks:
  Show dependency treegraph
 
Reported: 2009-05-12 15:02 PDT by Roland Steiner
Modified: 2022-07-24 12:03 PDT (History)
7 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
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:
<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.
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
<rdar://problem/30740942>