Bug 71795
| Summary: | Incorrect rendering of borders on small divs when borders have radius and are different colours & widths | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Matt Harker <thundercloud> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, davidbarr, rc, shanestephens |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | PC | ||
| OS: | Windows 7 | ||
| URL: | http://jsfiddle.net/cpMFr/5/ | ||
Matt Harker
When a div meets the following criteria:
1. It is a small rectangle (Say 200x50)
2. It has borders of differing sizes for vertical & horizontal borders.
3. Each border direction has a different colour.
4. The borders have a radius defined on them.
Then the rendering of the borders is incorrect. It appears with a strange pattern on the top & bottom which includes all four specified colours.
The URL provided does contain a somewhat over-engineered example but it is to show that the issue only affects divs which meet the above criteria.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
David Barr
Confirmed in Google Chrome 17.0.948.0 (Official Build 111327) canary on Mac OS X (WebKit 101035).
Rüdiger Cordes
Seems for me to be solved at least in Safari 6.0.5 under MacOS X 7.5.4.
Ahmad Saleem
Unable to reproduce in Safari 16 for the div with "issue" and it matches with Chrome Canary 108 and Firefox Nightly 107 as well.