Bug 53932 - Element has even width, border-style: dotted joins on outside
Summary: Element has even width, border-style: dotted joins on outside
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Linux
: P4 Trivial
Assignee: Nobody
URL: http://dev.harnos.at/webkit/border-bug/
Keywords: InRadar
Depends on:
Reported: 2011-02-07 11:15 PST by Marc A. Harnos
Modified: 2022-07-24 22:08 PDT (History)
10 users (show)

See Also:

Last dots being merged in a menu (28 bytes, text/plain)
2011-02-07 11:15 PST, Marc A. Harnos
no flags Details
Test-case (319 bytes, text/html)
2011-02-07 11:24 PST, Peter Beverloo
no flags Details

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