1241347 - Devtools support for CSS Grid, to reveal the rows and columns of a grid

Status: RESOLVED DUPLICATE of bug 1181227

(DevTools :: General, defect)

Description

[Daniel Holbert [:dholbert]]

With CSS Grid, there are sized rows & columns in a grid, which are separate from the actual elements on the grid.

We need a way to allow web developers a way to visualize their CSS Grid's rows & columns.

(Right now, the only way to do that is to just place elements into the grid and see where the elements end up -- but that's pretty hacky, and that may not be doable if your grid is already full of elements.)

This will require some devtools frontend work as well as some Core Layout work to expose the information that we need in devtools (the track positions & sizes).

Comment 1

[Patrick Brosset <:pbro>]

Thanks for filing. I had filed a similar one some time ago. So closing as duplicate.
Mats and I have been having quick conversations about this. It isn't currently at the top of my priority list, so if someone wants to investigate more please feel free to work on bug 1181227. If not, I'd love to get to it in, probably, Q3 this year.

Comment 2

[Daniel Holbert [:dholbert]]

Sounds good, thanks! (& sorry for my insufficient dupe-searching)