818109 - Incorrect rendering of borders on CSS transform rotate

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[Georg Fritzsche [:gfritzsche]]

Attachment: Test case

The attached test-case shows incorrectly rendered borders in Firefox when using "transform rotate()". Seen in Fx 17, 18 and 20.

Expected:
Both trapezoids render completely black.

Actual:
One trapezoid show thin white (?) lines.

Found here: http://stackoverflow.com/questions/13686958

Comment 1

[r.rudolph]

Attachment: rotated triangle

Comment 2

[r.rudolph]

Attachment: rotated triangle blue

Comment 3

[r.rudolph]

Attachment: rotated triangle

Comment 4

[r.rudolph]

Attachment: rotated triangle

Comment 5

[r.rudolph]

Attachment: rotated triangle

Comment 6

[r.rudolph]

Attachment: rotated triangle

Comment 7

[r.rudolph]

Sorry,
but I wanted to add an attachment (rotated triangle) as html.
I selected as Content Type "HTML souce (text/html)".
But then it is shown in the attachments as text/plain.

How can I change it to text/html like the first attachment, so that one can see the rotated triangle and not the source code?

Comment 8

[r.rudolph]

ok, finally I found the solution how to change from text/plain to text/html by clicking on "Details".

Now to the rotated triangle, that I added as attachment:
In the middle there is a thin white line in Firefox 20.0.
If it is not visible, then turn the display to you or away from you.

It is an old bug that already appears in Firefox 3.5.3.
In Chrome this bug does not exist (no thin white line in the middle of the rotated triangle).

It is a small bug, but significant that should be fixed easily, I think so.

Watch out also for the bugs 758958 and 455308.

Comment 9

[r.rudolph]

(In reply to r.rudolph from comment #8)

I'm not interested any more that this bug will be fixed because the problem can be solved with svg.

Comment 10

[Gregory Pappas [:gregp]]

This test case renders correctly now.