Fix: account for vertical position bottom in placement of popup (#581)

use parent height to determine bottom style property for popup
MiniProfiler · Dec 6, 2023 · f88e659 · f88e659
1 parent 62a6d2a
commit f88e659
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/lib/html/includes.js b/lib/html/includes.js
@@ -401,9 +401,10 @@ var _MiniProfiler = (function() {
     var px = button.offsetTop - 1,
       // position next to the button we clicked
       windowHeight = window.innerHeight,
-      maxHeight = windowHeight - px - 40; // make sure the popup doesn't extend below the fold
+      maxHeight = windowHeight - px - 40, // make sure the popup doesn't extend below the fold
+      pxVertical = options.renderVerticalPosition === 'bottom' ? button.offsetParent.clientHeight - 21 - px : px;
 
-    popup.style[options.renderVerticalPosition] = "".concat(px, "px");
+    popup.style[options.renderVerticalPosition] = "".concat(pxVertical, "px");
     popup.style.maxHeight = "".concat(maxHeight, "px");
     popup.style[options.renderHorizontalPosition] = "".concat(
       button.offsetWidth - 3,