Open Bug 1458879 Opened 7 years ago Updated 3 years ago

Grid lines don't follow the content when scrollbar appears

Categories

(DevTools :: Inspector, defect, P3)

Product:
DevTools
Component:
Inspector
Platform:
Unspecified
All
Type:
defect

Tracking

(firefox-esr52 unaffected, firefox-esr60 affected, firefox59 affected, firefox60 affected, firefox61 affected)

Tracking Flags:
Tracking Status
firefox-esr52 --- unaffected
firefox-esr60 --- affected
firefox59 --- affected
firefox60 --- affected
firefox61 --- affected

People

(Reporter: david.olah, Unassigned)

References

(Blocks 1 open bug)

Details

[Affected platforms]: Windows 7, Windows 10, Mac OS, Ubuntu [Steps to reproduce]: 1) Go to a website that contains CSS grids (Ex: https://www.w3schools.com/css/tryit.asp?filename=trycss_grid_layout_named ) 2) Inspect element on the grid layout or press F12 3) Check Overlay grid div in the Layout section from Inspector 4) Check Extend lines infinitely from the same Layout tab 5) Extend the Dev Tools or minimize the browser until the scrollbar from the right side appears [Expected result]: - the grid follows the content on the page when the scrollbar appears and disappears [Actual result]: - the grid remains in the same place and the content is moving when the scroll appears [Video to reproduce]: https://www.screencast.com/t/Jl99to7k [Note]: Tested and reproducing on the Nightly 61.0a1 (2018-05-03), Beta 60, Firefox 59 and ESR 60 Build 5
Component: Developer Tools → Developer Tools: Inspector
Priority: -- → P3
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.