19651 2008-06-18 04:40:23 -0700 Corners are jagged when border styles don't match and border radius is less than border width 2011-04-17 15:01:21 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Mac OS X 10.5 RESOLVED FIXED P2 Normal --- 19655 1 darwin webkit-unassigned mitz simon.fraser oldest_to_newest 83752 0 darwin 2008-06-18 04:40:23 -0700 Border Radii smaller than Border Width don't render correctly when different sides have different styles. The current way of drawing border radii covers up an issue with drawArc when the radius is smaller than the thickness. This issue doesn't cause problems until the colours are different on intersecting sides as the logic in RenderObject::paintBorder covers the artifacts with the vertical sides of the box. One way to fix this issue is to alter drawArc to not exhibit the artifacts and draw the arc correctly and then it is a fairly small change to paintBorder to make the vertical sides of the box retract to the edges of the radius corners. 83753 1 21814 darwin 2008-06-18 04:42:15 -0700 Created attachment 21814 Test case that shows the vertical sides of the border extended too far This test case shows the vertical borders protruding into the top and bottom border. They do this currently to cover artifacts caused by the way strokeArc works the radius of an arc is smaller than the arc's thickness. 83754 2 21815 darwin 2008-06-18 04:51:06 -0700 Created attachment 21815 View of the artifacts from drawArc This picture shows what happens at the corners when the vertical sides are not rendered (commented out in RenderObject). The drawArc function and in turn the strokeArc function draws the arc but ends up spilling inside the arc because the thickness was greater than the radius. The outside half of the corners is the correct rendering. 83767 3 mitz 2008-06-18 09:32:25 -0700 See bug 9197 for some work in progress on this. 387427 4 simon.fraser 2011-04-17 15:01:21 -0700 I don't think this happens any more. 21814 2008-06-18 04:42:15 -0700 2008-06-18 04:42:15 -0700 Test case that shows the vertical sides of the border extended too far basic.html text/html 628 darwin PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgU3RyaWN0Ly9FTiIK CSJodHRwOi8vd3d3LnczLm9yZy9UUi94aHRtbDEvRFREL3hodG1sMS1zdHJpY3QuZHRkIj4KCjxo dG1sIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiB4bWw6bGFuZz0iZW4iIGxh bmc9ImVuIj4KPGhlYWQ+CiAgICA8dGl0bGU+dGVzdCBjYXNlPC90aXRsZT4KICAgIDxzdHlsZSB0 eXBlPSJ0ZXh0L2NzcyI+CiAgICAgICAgZGl2IHsKICAgICAgICAgICAgLXdlYmtpdC1ib3JkZXIt cmFkaXVzOiAxNXB4OyAKICAgICAgICAgICAgYm9yZGVyOiAzMHB4IHNvbGlkOyAKCiAgICAgICAg ICAgIGJvcmRlci1sZWZ0LWNvbG9yOiBsaW1lOyAKICAgICAgICAgICAgYm9yZGVyLXRvcC1jb2xv cjogbWFnZW50YTsgCiAgICAgICAgICAgIGJvcmRlci1yaWdodC1jb2xvcjogY3lhbjsKICAgICAg ICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogYmxhY2s7CgogICAgICAgICAgICBoZWlnaHQ6IDEw MHB4OwogICAgICAgICAgICB3aWR0aDogMTAwcHg7CiAgICAgICAgfQogICAgPC9zdHlsZT4KPC9o ZWFkPgoKPGJvZHk+CiAgICAgICAgPGRpdj4KICAgICAgICA8L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+ Cg== 21815 2008-06-18 04:51:06 -0700 2008-06-18 04:51:06 -0700 View of the artifacts from drawArc Picture 13.png image/png 5552 darwin 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 Zv8DrkB5YlIUr0oAAAAASUVORK5CYII=