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
Owner:
Cc:
Components:
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 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:
The CSS Grid spec allows for you to create grid-template-areas in an ascii-art style matrix. See https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas

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: https://codepen.io/rachelandrew/pen/oXKgoQ

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
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)
Cc: eostroukhov@chromium.org
Owner: einbinder@chromium.org
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