New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 801897 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Feature



Sign in to add a comment

[DevTools Feature Request] Highlight CSS Grid's named-lines and named-areas when hover above CSS value

Reported by m...@herchel.com, Jan 14 2018

Issue description

UserAgent: 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 the problem:
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 .

What is the expected behavior?

What went wrong?
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 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 .

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. 

Did this work before? N/A 

Chrome version: 63.0.3239.132  Channel: stable
OS Version: OS X 10.11.6
Flash Version:
 
Labels: Needs-Triage-M63
Cc: sc00335...@techmahindra.com
Labels: -Type-Bug M-65 Triaged-ET OS-Linux OS-Windows Type-Feature
Status: Untriaged (was: Unconfirmed)
mike@ Thanks for the issue.

From the original comment, this is a feature request.
Hence marking this issue as Untriaged for further updates from Dev.

Thanks...

Comment 3 by kozy@chromium.org, Jan 15 2018

Owner: eostroukhov@chromium.org
Status: Assigned (was: Untriaged)
Owner: hhli@chromium.org
Owner: einbinder@chromium.org

Sign in to add a comment