Open Bug 1533353 Opened 5 years ago Updated 2 years ago

Grid lines overlap css elements when using the browser zoom.

Categories

(DevTools :: Inspector, defect, P3)

Desktop
All
defect

Tracking

(firefox66 affected, firefox67 unaffected)

Tracking Status
firefox66 --- affected
firefox67 --- unaffected

People

(Reporter: dcicas, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Affected versions

  • Fx 67.0a1 Build ID: 20190306161300
    Fx 66.0b13 Build ID: 20190304101322

Affected platforms

  • Win 10 x64
    Ubuntu 18.04 LTS
    macOS X 10.13

Steps to reproduce

  1. Open https://labs.jensimmons.com/2017/01-010.html.
  2. Open the CSS Inspector.
  3. Enabled the Grid Inspector.
  4. Zoom to 60%, 90%, 130%

Expected result

  • The CSS elements are displayed correctly between the grid lines

Actual result

  • The Grid lines overlap the css elements when zoomed in and out.

Regression range
This is not a recent regression since it happened three years ago as well and it was only partially fixed.

Additional notes
This is related to bug 1303158.

Hello Gabriel,

This is the new bug for bug 1303158 that you suggested I make. I added a zoomed in screenshot of the issue so that it is more easily observed.

Flags: needinfo?(gl)
Blocks: dt-grid
Flags: needinfo?(gl)
Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: