925577 - Visible seam in middle of border when using border-radius and rotate

Status: UNCONFIRMED

(Core :: Graphics, defect)

Description

[Eevee (Evelyn Woods) [:eevee]]

Attachment: Screenshot of effect

Create an element, give it a border-radius, give the borders different colors, and rotate it.  Transparent seams appear down the middle of each border.

See: http://jsfiddle.net/A62BH/1/

The effect does not appear if:
- All four borders are the same color
- The element is not rotated, or is rotated by a multiple of 90deg

The size of the element, the width of the borders, and border-style don't seem to matter.

I'm not GPU-accelerated atm, but Windows users who presumably are also see the seams.

Comment 1

[Eevee (Evelyn Woods) [:eevee]]

See also bug 455308 and bug 623972, which describe similar problems but don't seem to mention this one.

Comment 2

[Loic]

It appeared when transforms have been unprefixed (see bug 745523).