So, as the title suggests, I’ve been wondering if its possible in Firefox to prevent the developer tool panel from shifting the viewport when placing/resizing it. In other words, it would be cool to have it “float” above the viewport. I guess a good example is how the New Topic function works on this site! If not, are there any good references for customizing Firefox’s UI?
DevTools can be opened in a separate window:
That’s probably the closest to what you are asking here. Otherwise, docking DevTools in the Firefox window without resizing the viewport would hide some parts of the website, not sure that would be practical?
Oh yeah, that’s kind of my work around for now. I can also understand why this may seem impractical! I just happen to have a ton of space that is unused from the software I’m developing. 
Thanks for the suggestion!
That being said, I tried achieving this with some changes to userChrome.css, but didn’t seem to make it work well enough due to how the markup is setup for the user frame. Will post updates if I do get anywhere.
1 Like