1482622 - Grid inspector causes horizontal scrollbars

Status: RESOLVED DUPLICATE of bug 1441465

(DevTools :: Inspector, defect, P2)

Description

[alexander.fleischer]

Attachment: ff_bug.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:61.0) Gecko/20100101 Firefox/61.0
Build ID: 20180807170231

Steps to reproduce:

I created a simple 2-column-layout with css-grids. 


Actual results:

By inspecting the grid via the grid-inspector a horizontal scrollbar is visible and the content in the grid columns are not correctly within the columns. 


Expected results:

Scrollbars should not appear and the layout should not be destroyed by activating the grid inspector

Comment 1

[alexander.fleischer]

In order to clarify: This happens if i click on the grid-icon in the dev-tools and then shrink the browser-window horizontally.

Comment 2

[u554753]

Hi Alexander,

Thanks for reporting the bug. Can you upload a test case of the reported issue?

Comment 3

[alexander.fleischer]

Attachment: enabled_grid.png

This is with enabled grid view in the devtools. You can see the scrollbar and the window is too large. This happens only by activating grid view. The white space and horizontal scrollbar is not available if the grid-view is disabeld.

Comment 4

[alexander.fleischer]

The Problem you can reproduce on any website using a grid: 

1. open devtools on this site
2. click on the grid icon
3. Resize the browser window (make it smaller) -> now you can see the results from my screenshot

Comment 5

[Patrick Brosset <:pbro>]

I think this might have gotten fixed since it was filed. Maybe by bug 1441465 which landed in 62 (this bug was filed on 61, so it would make sense).
Do you mind checking again Alexander? If it's fixed for you, we can close this one as a duplicate.

Comment 6

[alexander.fleischer]

@Patrick Brosset: Now its better. You can clode this ticket.