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

Issue 801896 link

Starred by 1 user

Issue metadata

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

Sign in to add a comment

[Devtools feature improvement] When displaying grid-template-areas' rules, maintain or add line breaks

Reported by, 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:
The CSS Grid spec allows for you to create grid-template-areas in an ascii-art style matrix. See

The issue is that when displaying the value for this property, devtools will output this onto one line. The same problem can also be caused by CSS minification . 

Example of grid-template-areas to poke around with:

What is the expected behavior?

What went wrong?
A proper solution would be to show each string on its own line, when displaying rules for grid-template-areas.

Did this work before? No 

Chrome version: 63.0.3239.132  Channel: stable
OS Version: OS X 10.11.6
Flash Version:
Labels: Needs-Triage-M63
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.


Comment 3 by, Jan 15 2018

Status: Assigned (was: Untriaged)
Joel, this seems not to be an issue with the Grid layout but a request to show multi-line CSS property values in the styles pane.

Sign in to add a comment