Bug 45930 – Web Inspector: long properties include the ellipsis in the editable input

• Status: RESOLVED
• Resolution: FIXED
• Component: Web Inspector (Deprecated)

[Ojan Vafai]

1. Go to http://plexode.com/eval3/#ht=%3Cdiv%20id%3D%22abcdefghijklmnopqrstuvwxyz01234567891111111111111111111111111111111111111111111111111111111111111111111122222222222222222222222222%22%3EInspect%20me%3C%2Fdiv%3E&ohh=1&ohj=1&jt=&ojh=1&ojj=1&ms=100&oth=0&otj=0&cex=1.
2. Inspect the element labelled "Inspect me". 
3. View the elements ID in the property panel.
4. Double-click on the ID in the property panel to modify the ID.

After step 4, I would expect to see the full ID in the input. Instead you see the truncated ID with the ellipsis. If you edit the input and hit enter, it puts the ellipsis in the ID.

[Pavel Feldman]

We abbreviate values in the InjectedScript (100 chars). Rationale is that innerHTML, outerHTML and such will kill our performance otherwise.

One of the options would be to load unabbreviated versions upon editing of truncated properties, but it'll still not be useful since editing >100 char values in the edit field is not convenient. Suggestions are welcome.

[Ojan Vafai]

Yeah, I totally get why a good UI for this case is difficult.

Could it load in a multiline text field (i.e. a textarea) for cases like this? Then it could have a default size, but would have the resize corner, so the user can make it bigger as needed.

Just loading all of it in a single-line input would be better than the current behavior IMO, but I agree it's certainly not ideal.

[Sidney San Martín]

I think the option Pavel presents is fine.

Right now it is impossible to view the full content of a long  property logged to the console. Showing it when editing is fine, as long as I can Select All and copy it.

[Pavel Feldman]

We are not abbreviating values anymore.