All users were logged out of Bugzilla on October 13th, 2018

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

NEW
Unassigned

Status

()

7 years ago
2 years ago

People

(Reporter: protz, Unassigned)

Tracking

Trunk
x86_64
Linux
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

7 years ago
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

2 years ago
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.
You need to log in before you can comment on or make changes to this bug.