1704355 - antialiasing on border-radius inverted

Status: NEW

(Core :: Graphics, defect)

Description

[Clemens Eisserer]

Attachment: round_button_aa.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:89.0) Gecko/20100101 Firefox/89.0

Steps to reproduce:

1. Visited a multi-page article on heise.de, e.g.: https://www.heise.de/hintergrund/Schule-digital-Wie-der-Lock-In-Effekt-unsere-Schulen-beschraenkt-6006927.html

Actual results:

2. there is a page chooser on the bottom of longer articles which is implemented using CSS border-radius. It looks weird with Firefox (antialiasing seems to be inverted, please see the screenshot attached)

Expected results:

3. the round page choosers (actually just links with border radius set) should looks like in Chrome, where antialiasing improves visial quality instead of making it look worse. Please see the attached screenshot for comparison.

Comment 1

[Pascal Chevrel (relman team) -> :pascalc]

FWIW, the antialiasing problem seems to depend on the level of zooming, It disappears if I zoom in.

Comment 2

[Hani Yacoub, Desktop QA]

Managed to reproduce this issue on macOS 10.15 and on Windows 10 x64 also.
I confirm that the problem disappears when zooming in.

Comment 3

[Alexandru Trif, Desktop Test Engineering [:atrif]]

It seems that I can reproduce the issue with Firefox 44.0a1 (20151010030234) as well on Windows 10x64. Also on this build when zooming in the issue is no longer present. On older builds, I cannot open the website. I think it's safe to assume that this is not a regression. Removing the flags.