There are a couple panes that extend WebInspector.PropertiesSection and thus may set a "title" and a "subtitle". They include: 1. WebInspector.ObjectPropertiesSection when displaying an object in the Console. 2. WebInspector.StylePropertiesSection when displaying CSS styles in the Sidebar of the Elements Panel. The subtitle here may be the name/link to the stylesheet. The styles for the CSS Sidebar apply fine. The styles for the Console, when displaying something with a subtitle, display very poorly: - White text on a white background is invisible. - The text is scrunched and unreadable. - Produces multiple lines in the normal view for seemingly no reason. - Expanded properties looks weird because of the float: right applied to the subtitle. The only way I have found to produce a "subtitle" in the Console is to inspect the prototype of some node. The simplest test case being "Node.prototype". The result from Object.describe is then "NodePrototype". Special code in ObjectPropertiesSection.js turns this into title "Node" and subtitle "Prototype". However, this displays poorly. To test this you may try the following in the Inspector: > Node.prototype You may also want to try something like this: > [Node.prototype, Document, Node.prototype, Node] - I mention "Document" because the result is then "DocumentConstructor" which is along the same lines as "NodePrototype" but exhibits no special behavior. - The inspector does special formatting in this case so you can experiment with expanding the Properties and view the affect of a "subtitle" then. My suggestion would be to: - Remove the special case and have no subtitles.
I don't fully understand the issue. Screenshots?
Created attachment 34710 [details] Image Showing Problem Here is the problem shown in a few different ways.
I see, these are ugly and bad.
Fixed as a part of https://bugs.webkit.org/show_bug.cgi?id=28177. Landed as r47231.
Wait, how was it fixed? I think nodes should be expandable inside aray output. Otherwise ther are not that useful.
Created attachment 35074 [details] Image Showing the fix
(In reply to comment #5) > Wait, how was it fixed? I think nodes should be expandable inside aray output. > Otherwise ther are not that useful. They are. I removed the subtitle logic from the ObjectPropertiesSection when migrated to DOMAgent.
Oh, okay. Thanks.
Great! Looks like I expected.