1084004 - Feature Request: Web Console Layout Improvement

Status: RESOLVED WORKSFORME

(DevTools :: Console, enhancement)

Description

[makr]

Attachment: ff console 1.jpg

The web console has terrible layout for object viewing when the console is to the side of the window.

Reproduce it: Open the web console, position console on right edge of window, log any object.  The object display is beside the console (optimal for bottom-positioned console but too narrow for this view) and space below is wasted.


note: A plugin has been written to correct this, but should be integrated into Firefox itself.  The plugin in the link works for v31-32, has been written but not made public as of 2014-10-16 19:20 UTC to work up to v34.

see: http://stackoverflow.com/questions/25690567/firefox-31-web-console-layout

Comment 1

[Jeff Griffiths (:canuckistani) (:⚡︎)]

Attachment: console-responsive.gif

The object viewer does drop to the bottom if the toolbox is narrow enough ( see the attached gif ). I think this bug is really about whether we want the object viewer to *alway* show at the bottom when the toolbox is docked to the side. Other tools do similar things so we should also be consistent here.

Thanks for reporting this. :)

Comment 2

[makr]

Mine won't stack like that (possibly because I've had the extension installed before).  Once I get to a certain width it won't let me shrink it anymore (about 480px is as narrow as it gets).  This may be OS or window manager specific.  Perhaps we want to default how yours operates and add some mechanism added to force it one way or another?  I've also downloaded a new copy of the plugin and it's working again (I uninstalled and reinstalled the plugin, it didn't work, and I didn't think to get the new version of plugin).  I suppose we need more testing from Linux users to see if it's specific to a certain distro, window manager, or people who have messed with addons that affect the layout.  IMHO it should always be laid out opposite the console's orientation (side-by-side console with stacked object, stacked console with side-by-side object) but then again that's an opinion.  Your demo would be enough for me if it worked in my browser.

additional info:

openSUSE 12.3
Linux 3.7.10-1.1-desktop running KDE Development Platform 4.10.5 "release 1",

Information for package MozillaFirefox:

Repository: openSUSE BuildService - Mozilla
Name: MozillaFirefox
Version: 33.0-2.1
Arch: x86_64
Vendor: obs://build.opensuse.org/mozilla
Installed: Yes
Status: up-to-date
Installed Size: 75.4 MiB
Summary: Mozilla Firefox Web Browser

openSUSE Firefox extension 1.0.2: http://en.opensuse.org/OpenSUSE_Firefox_extension

Comment 3

[Jeff Griffiths (:canuckistani) (:⚡︎)]

I should add - the 'responsive' behaviour was only added in Firefox 34, just now released in beta.

Comment 4

[makr]

Comment from Stack Overflow post:

"No problem. I had just re-verified that it was working in FF33 and was writing a comment asking if you had downloaded it again. Just FYI: stock FF34 adds the feature that the layout is auto-switched based on the width to which you resize the console sidebar. This extension still works to force it to the A over B layout in FF34. Auto layout is a glossy feature which looks OK, but not having the ability for the user to force a specific layout is a bad idea from a UI point of view, particularly in a developer tool like this."

Therefore v33 of course won't work with the auto-sizing.  Looks like this gets downgraded from a feature request to a discussion thread.  Thanks again.