Element has even width, border-style: dotted joins on outside 
https://bugs.webkit.org/show_bug.cgi?id=53932
Summary Element has even width, border-style: dotted joins on outside
Marc A. Harnos
Reported 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/
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 attachment proposed patch, testcase, etc.
Peter Beverloo
Comment 1 2011-02-07 11:24:41 PST
Created attachment 81499 [details] Test-case
Simon Fraser (smfr)
Comment 2 2011-02-07 11:49:33 PST
I think we may have a dup of this.
Martin Leutelt
Comment 3 2012-07-20 01:57:39 PDT
Yes, this looks like 25737.
Ahmad Saleem
Comment 4 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!
Radar WebKit Bug Importer
Comment 5 2022-07-24 22:08:08 PDT
<rdar://problem/97532257>
Ahmad Saleem
Comment 6 2023-05-28 09:27:32 PDT
WebKit ToT has regressed this test case and show 'square' rather than 'circle'.
Note You need to log in before you can comment on or make changes to this bug.