Bug 53932

Summary: Element has even width, border-style: dotted joins on outside
Product: WebKit Reporter: Marc A. Harnos <mharnos>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Trivial CC: ahmad.saleem792, ap, bdakin, bfulgham, martin.leutelt, peter, rniwa, simon.fraser, webkit-bug-importer, zalan
Priority: P4 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Linux   
URL: http://dev.harnos.at/webkit/border-bug/
See Also: https://bugs.webkit.org/show_bug.cgi?id=25737
Attachments:
Description Flags
Last dots being merged in a menu
none
Test-case none

Description Marc A. Harnos 2011-02-07 11:15:28 PST 
Created attachment 81497 [details]
Last dots being merged in a menu

If the element has an even number of pixels the outer dots of border-style: dotted are merging (because there is no space) instead of being dropped like in other popular engines.

See also the attachment.
And the testcase: http://dev.harnos.at/webkit/border-bug/
Comment 1 Peter Beverloo 2011-02-07 11:24:41 PST 
Created attachment 81499 [details]
Test-case
Comment 2 Simon Fraser (smfr) 2011-02-07 11:49:33 PST 
I think we may have a dup of this.
Comment 3 Martin Leutelt 2012-07-20 01:57:39 PDT 
Yes, this looks like 25737.
Comment 4 Ahmad Saleem 2022-07-24 04:23:39 PDT 
All browsers differ from each other on the attached test case:

*** Safari 15.6 on macOS 12.5 ***

It shows 5 square dots.

*** Firefox Nightly 104 ****

4 circle dots

*** Chrome Canary 106 ***

5 circle dots

I am not clear on Web-spec and since all browsers are different, I am not sure which one to follow here. Thanks!
Comment 5 Radar WebKit Bug Importer 2022-07-24 22:08:08 PDT 
<rdar://problem/97532257>
Comment 6 Ahmad Saleem 2023-05-28 09:27:32 PDT 
WebKit ToT has regressed this test case and show 'square' rather than 'circle'.