Open Bug 1806208 Opened 3 years ago Updated 3 years ago

pixel snapping of cellspacing causes varying line thickness

Categories

(Core :: Graphics, defect)

Firefox 102
Desktop
All
defect

Tracking

()

Tracking Status
firefox-esr102 --- affected
firefox108 --- affected
firefox109 --- affected
firefox110 --- affected

People

(Reporter: michael.ernst96, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Steps to reproduce:

Hey guys,

I just treated myself with a new gpu and monitor. With now 4k resolution i discovered a problem caused by firefox that's not relevant with lower resolutions up to 1920x1080 like i was using before.

I say caused by firefox because it's confirmed by me and others including that browsers such as google chrome or opera do not have this issue.

This is my (new) setup:

  • Nvidia Geforce GT 1030
  • EIZO FlexScan EV2785-BK
  • Windows 10 Enterprise LTSC (Also tried Linux Mint Live CD)
  • 3840x2160 resolution with 150% Scaling applied in Windows Settings
  • Firefox Version: 102.6.0 ESR (Also tried the most recent non ESR Version)

Actual results:

So what exactly is the problem?

I'm running the pictured site (not accessible to the public) for my private stock trading purposes and as i marked in the picture the table borders have a different thickness in firefox despite they should all be equal in thickness (which they are in other browsers):
https://abload.de/img/firefoxvkd5f.png

Here is another site that uses the same software and therefore generates the same problem but is accessible to the public:
http://paed.com/wbboard

If i use firefox zoom feature and set to 133% the problem goes away.
If i apply 100% scaling in windows settings and firefox the problem also goes away.
(But virtually everything on screen appears to small then due to high resolution)

Expected results:

All lines should have the same thickness. (Just like in virtually any other browser)

I hope you guys can figure this out and roll out an update to fix this issue soon.

BTW: I know the forum software is kinda old but i simply love it and I'm not willing to part with it. :)

The Bugbug bot thinks this bug should belong to the 'Core::Graphics' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → Graphics
Product: Firefox → Core

Looks like the cellspacing="1" property of a table is what determines the width of those lines. So fraction pixel widths and pixel snapping is probably what's going on here. Chrome seems to round. On Safari I can see the same problem as in Firefox.

Severity: -- → S3
Summary: Firefox has a rendering problem → pixel snapping of cellspacing causes varying line thickness

I will confirm this report based on the last comment.

Status: UNCONFIRMED → NEW
Ever confirmed: true
OS: Unspecified → All
Hardware: Unspecified → Desktop
You need to log in before you can comment on or make changes to this bug.