Open Bug 1718965 Opened 3 years ago Updated 2 years ago

1px "gap" appears on certain resolutions

Categories

(Core :: Web Painting, defect, P3)

Firefox 89
defect

Tracking

()

UNCONFIRMED

People

(Reporter: ramona, Unassigned)

Details

Attachments

(1 file)

Attached image firefox.JPG

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

Steps to reproduce:

  1. Open this page: https://smartslider3.com/bugs/firefox/onepxline/
  2. If you look at it on 1920px width you'll see that the background and the gray shape are aligned
  3. Resize the browser window and you'll notice that at some resolutions there's a 1px "gap" between the background and shape. For example, check 1462px with.

Expected results:

The shape and the background should always be aligned.

If you inspect the bottom image's parents, the second div (from the img element) has a transform: translate3d(0px, 0px, 0px); . If you remove this the background and img are aligned again.

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

Component: Untriaged → Web Painting
Product: Firefox → Core
Severity: -- → S3
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: