_ff-addon-snippet-InsertXULPanel - How to create and insert a panel that fills the whole screen.

InsertXULPanel.js

/*run this first*/
var win = Services.wm.getMostRecentWindow('navigator:browser');
var panel = win.document.createElement('panel');
var screen = Services.appShell.hiddenDOMWindow.screen;
var props = {
	noautohide: true,
	noautofocus: false,
	level: 'top',
	style: 'padding:15px; margin:0; width:' + screen.width + 'px; height:' + screen.height + 'px; background-color:steelblue;'
}
for (var p in props) {
	panel.setAttribute(p, props[p]);
}


win.document.querySelector('#mainPopupSet').appendChild(panel);


panel.addEventListener('dblclick', function () {
	panel.parentNode.removeChild(panel)
}, false);
panel.openPopup(null, 'overlap', screen.availLeft, screen.availTop);

README

Rev1

Initial

Rev2

Trying to make it overlap whole monitor, while working on NativeShot, its not covering everything on Ubuntu.

var win = Services.wm.getMostRecentWindow('navigator:browser');
var panel = win.document.createElement('panel');
var screen = Services.appShell.hiddenDOMWindow.screen;
var props = {
    noautohide: true,
    noautofocus: false,
    level: 'top',
    style: 'border:0; -moz-appearance:none; padding:0; margin:0; width:' + screen.width + 'px; height:' + screen.height + 'px; background-color:steelblue;'
}
for (var p in props) {
    panel.setAttribute(p, props[p]);
}


win.document.querySelector('#mainPopupSet').appendChild(panel);


panel.addEventListener('click', function () {
    panel.parentNode.removeChild(panel)
}, false);
panel.openPopup(null, 'beforestart', screen.left, screen.top);