751132 - Bad rendering of rotated elements with border -- extra 1px line, due to anti-aliasing?

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[Jonathan Protzenko [:protz]]

The testcase is in the URL field of the bug. The non-rotated element is rendered just fine, with its border the same color as its background. However, the rotated element, depending on the width of the viewport, may exhibit an extra 1px gray border. It may be a duplicate of bug 455308 or bug 623972, but I'm unsure, so filing :).

Thanks,

jonathan

Comment 1

[Kris]

This may be related to an issue I'm experienced in 47.0.1

When an element with a thick border is rotated, there is a white line caused by the anti-aliasing.

See: https://jsfiddle.net/62j76vpy/ for test case

If you use the web inspector to rotate the element, the line artefact disappears until anti-aliasing is allowed to apply.

Comment 2

[Gregory Pappas [:gregp]]

Unable to reproduce in current versions. The testcase in the URL field renders correctly now.