Bug 144839

Summary: Web Inspector: Clip text by showing ellipsis in the middle instead of the end
Product: WebKit Reporter: Nikita Vasilyev <nvasilyev>
Component: Web InspectorAssignee: Nikita Vasilyev <nvasilyev>
Status: NEW ---    
Severity: Normal CC: graouts, inspector-bugzilla-changes, jonowells, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=144372
Attachments:
Description Flags
[Animated GIF] Actual/expected none

Description Nikita Vasilyev 2015-05-09 20:41:11 PDT 
Created attachment 252802 [details]
[Animated GIF] Actual/expected

Actual:
a-very-very-very-very-very...

Expected:
a-very-very-...-long-filename.js:42

Some ways of doing it: http://stackoverflow.com/questions/831552/ellipsis-in-the-middle-of-a-text-mac-style
Mozilla’s proposal to allow doing this in pure CSS: https://bugzilla.mozilla.org/show_bug.cgi?id=740910
Comment 1 Radar WebKit Bug Importer 2015-05-09 20:41:30 PDT 
<rdar://problem/20888765>
Comment 2 Timothy Hatcher 2015-05-10 03:38:05 PDT 
Doing in CSS would be great. I could have sworn we had a helper in Utilities.js to do this too, but I am not seeing it anymore.