Bug 41304 - Drawing border-radius from path should try to make corners symmetrical with dashed and dotted styles
Summary: Drawing border-radius from path should try to make corners symmetrical with d...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC OS X 10.5
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2010-06-28 14:17 PDT by Beth Dakin
Modified: 2022-07-23 11:58 PDT (History)
9 users (show)

See Also:

Test case (321 bytes, text/html)
2010-06-28 14:17 PDT, Beth Dakin
no flags Details
All browsers differs from each other (1.41 MB, image/png)
2022-07-23 07:28 PDT, Ahmad Saleem
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Beth Dakin 2010-06-28 14:17:31 PDT
Created attachment 59940 [details]
Test case

http://trac.webkit.org/changeset/62035 introduced a new method of drawing border-radius using paths. Right now, this new code is only enabled for some platforms…if you want to know if your favorite platform has the new code path enabled, see if it has been added to #define HAVE_PATH_BASED_BORDER_RADIUS_DRAWING in RenderObject.h.

Here is what the spec says: "Note: There is no control over the spacing of the dots and dashes, nor over the length of the dashes. Implementations are encouraged to choose a spacing that makes the corners symmetrical."

Right now, our corners for dashes and dotted borders when drawn with the new method are not always symmetrical. Attached is a test case demonstrating a time when they are not symmetrical.
Comment 1 Ahmad Saleem 2022-07-23 07:28:05 PDT
Created attachment 461156 [details]
All browsers differs from each other

I am able to reproduce this bug in Safari 15.6 on macOS 12.5 using attached test case and as can be seen from attached screenshot - Safari and Chrome have overlap little bit but Firefox renders this fine. Thanks!
Comment 2 Radar WebKit Bug Importer 2022-07-23 11:58:57 PDT