1751438 - Firefox Dev Edition: CSS Grid Inspector marks wrong

Status: RESOLVED INVALID

(DevTools :: Inspector, defect)

Description

[anonymous]

Attachment: Screenshot of the problem

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:96.0) Gecko/20100101 Firefox/96.0

Steps to reproduce:

I opened one of my websites with CSS grid layout and I want to inspect the grid.

Actual results:

On the top and left side there are normal numbers (1, 2, 3, 4, 5), but on the bottom and right side there are anormal numbers (-5, -4, -3, -2, -1)

Expected results:

I expected the numbers 1, 2, 3, 4, 5 on ALL sides

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

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

Comment 2

[Julian Descottes [:jdescottes]]

Thanks for filing, but I think we should keep the display as is because negative integers are valid placement values for CSS grid. Line numbers can start from the beginning (positive numbers) or from the end (negative numbers). The grid inspector shows both, showing the same numbers on both ends would also be redundant info.

Some more info

• https://www.smashingmagazine.com/2020/01/understanding-css-grid-lines/#lines-on-the-explicit-grid
• https://www.w3.org/TR/css-grid-1/#explicit-grid