bar: support for debug bar at top of screen AJAX fixes

Author: dg

src/Tracy/assets/Bar/bar.js

@@ -282,7 +282,7 @@
 							setPosition(panel.elem, {
 								right: pos.right - getOffset(link).left + pos.width - getPosition(link).width - 4 + getOffset(panel.elem).left,
 								bottom: _this.isAtTop()
-									? getPosition(elem).bottom - pos.height - 4
+									? getPosition(_this.elem).bottom - pos.height - 4
 									: pos.bottom - getOffset(elem).top + pos.height + 4 + getOffset(panel.elem).top
 							});
 						}
@@ -313,14 +313,15 @@
 	};
 
 	Bar.prototype.savePosition = function() {
-		var pos = getPosition(document.getElementById(this.id));
-		localStorage.setItem(this.id, JSON.stringify({right: pos.right, bottom: pos.bottom}));
+		var pos = getPosition(this.elem),
+			atTop = this.isAtTop();
+		localStorage.setItem(this.id, JSON.stringify({right: pos.right, bottom: pos.bottom + (atTop ? pos.height : 0), atTop: atTop}));
 	};
 
 	Bar.prototype.restorePosition = function() {
 		var pos = JSON.parse(localStorage.getItem(this.id));
 		if (pos) {
-			setPosition(document.getElementById(this.id), pos);
+			setPosition(this.elem, {right: pos.right, bottom: pos.bottom - (pos.atTop ? getPosition(this.elem).height : 0)});
 		}
 	};
 
@@ -375,7 +376,11 @@
 		Debug.layer.insertAdjacentHTML('beforeend', content);
 		evalScripts(Debug.layer);
 		ajaxBar = document.getElementById('tracy-ajax-bar');
-		document.getElementById(Bar.prototype.id).appendChild(ajaxBar);
+		var oldPos = getPosition(Debug.bar.elem);
+		Debug.bar.elem.appendChild(ajaxBar);
+		if (Debug.bar.isAtTop()) {
+			setPosition(Debug.bar.elem, {right: oldPos.right, bottom: oldPos.bottom + oldPos.height - getPosition(Debug.bar.elem).height});
+		}
 
 		forEach(document.querySelectorAll('.tracy-panel'), function(panel) {
 			if (!Debug.panels[panel.id]) {