1306160 - Dev Tools improvement : DOM properties form HTML

Status: RESOLVED DUPLICATE of bug 704094

(DevTools :: Inspector, defect)

Description

[Mahks]

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:49.0) Gecko/20100101 Firefox/49.0
Build ID: 20160922113459

Steps to reproduce:

Looking for a list of DOM properties for an element on the HTML panel


Actual results:

Currently you must open the context menu for the tag and select "Show DOM properties".
This opens a horizontal panel containing the console and a property listing in a panel on the right.
This configuration is not ideal. One must constantly resize panels and/or scroll excessively if working with DOM properties for multiple tags.


Expected results:

The solution Firebug uses is to have a DOM properties panel within the group of option tabs for the tag (Rules, animations, box model etc).
This allows the properties to "just be there" when working with DOM properties and clicking a different tag in the HTML panel.
No need to constantly invoke the context menu.
The panel orientation is more useful as the list can extend down the whole page while you have the HTML panel also as full as possible.
The console is not taking up screen space when not needed.

Comment 1

[Sebastian Zartner [:sebo]]

That's actually a duplicate of bug 704094. And I agree, that's a real pain point.

Sebastian