Highlight CSS Grid's named-lines and named-areas when hover above CSS value

UNCONFIRMED
Unassigned

Status

enhancement
P3
normal
UNCONFIRMED
a year ago
10 months ago

People

(Reporter: mike, Unassigned)

Tracking

(Blocks 1 bug)

58 Branch

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

a year ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Steps to reproduce:

GSS Grid allows for "named areas" using the grid-template-area property. See https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas .

Similarly for CSS Grid also allows for "named lines" using the grid-template-columns and grid-template-rows properties. See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines .



Expected results:

It would be extremely valuable if when hovering your mouse over an an area's name, the corresponding area would highlight within the webpage.

Similarly, it would also be extremely awesomely, super-duper helpful if the corresponding line would highlight when the text for the named line is hovered over in the CSS property.
Severity: normal → enhancement
Component: Untriaged → Developer Tools: CSS Rules Inspector
Blocks: dt-grid
Priority: -- → P3
Summary: [DevTools Feature Request] Highlight CSS Grid's named-lines and named-areas when hover above CSS value → Highlight CSS Grid's named-lines and named-areas when hover above CSS value

Updated

10 months ago
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.