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:
Blocks:
 
Reported: 2011-02-07 11:15 PST by Marc A. Harnos
Modified: 2023-05-28 09:27 PDT (History)
10 users (show)

See Also:

Attachments
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
View All Add an attachment (proposed patch, testcase, etc.)

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]
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'.