Word wrap in Chrome Dev Tools?

Question

I cannot figure out how to get the HTML elements to wrap lines in Chrome dev tools. I'm working with some long and complicated SVG paths and I hate scrolling horizontally to check the other element attributes. Word wrap is checked under the settings area in chrome dev tools. Suggestions?

Answer 1

Looks like there is no Word Wrap available for now :( and seems like people have been asking forever, I just posted my vote for word wrap too

https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=73193

Edit: looks like it is a feature by default now (click on the three dots on the top right, then click on Settings):

Answer 2

This is quite an old thread, but unfortunately still relevant.

Word wrap only works in the Elements panel. From the documentation:

As with any text editor you can choose to wrap long lines of code in the Elements panel.

The link in Leon's answer actually refers to the Network panel, although several of the comments suggest that others are also looking at this more generally; e.g.

It would be good if wordwrap is offered for all content.

and ...

I would donate my left kidney for word wrap!

Anyway, if you're mainly editing html, you're in luck - just use the Elements panel instead of the Sources panel. Unfortunately, most of my editing is with JS.

So I'll open a new issue in Chromium and post a link back here, in case anyone wants to support it.