Changed logic to look at #toolcontroller_sep_content instead and measure its top to calc the bottom. Changed the dynamic max height to every seperated tool, as a result every panel doesn't need a static inline cap anymore. This should be a generalized solution any seperated tool can use.

Author: mohatjpl

src/essence/Basics/UserInterface_/components/BottomElementPositioner/BottomElementPositioner.jsx

@@ -144,19 +144,20 @@ function BottomElementPositioner() {
                 sepContent.style.left = (12 + tpShift + (tpShift > 0 ? 12 : 0)) + 'px'
             }
 
-            // Cap the Legend panel's height so it never overlaps the bottom-left
-            // compass + scale bar. That stack's top sits ~70px above the bottom
-            // bar (mapToolBar bottom = totalOffset), so the legend's bottom must
-            // clear totalOffset + 70 + a 12px gap. totalOffset already grows with
-            // the expanded timeline, so the legend shrinks exactly as needed.
-            const legendEl = document.getElementById('LegendTool')
-            if (legendEl) {
+            // Cap every separated tool panel (Legend, etc.) so none overlaps the
+            // bottom-left compass + scale bar. All panels share the container's top,
+            // so a single reserve covers them all. That stack's top sits ~70px above
+            // the bottom bar (mapToolBar bottom = totalOffset), so a panel's bottom
+            // must clear totalOffset + 70 + a 12px gap. totalOffset already grows with
+            // the expanded timeline, so the panels shrink exactly as needed.
+            const sepContainer = document.getElementById('toolcontroller_sep_content')
+            if (sepContainer) {
                 const compassStack = 70 // compass + scale bar height above the bar
                 const gap = 12
-                const legendTop = legendEl.getBoundingClientRect().top
-                const reserve = legendTop + totalOffset + compassStack + gap
+                const containerTop = sepContainer.getBoundingClientRect().top
+                const reserve = containerTop + totalOffset + compassStack + gap
                 document.documentElement.style.setProperty(
-                    '--mmgis-legend-bottom-reserve',
+                    '--mmgis-sep-tools-bottom-reserve',
                     reserve + 'px'
                 )
             }

src/essence/Basics/UserInterface_/components/Panels/SeparatedTools.jsx

@@ -66,7 +66,6 @@ function SeparatedTools() {
                                 ? undefined
                                 : {
                                       width: toolWidth + 'px',
-                                      maxHeight: 'calc(100vh - 120px)',
                                   }
                         }
                     >

src/essence/Basics/UserInterface_/components/Panels/SeparatedTools.module.css

@@ -84,18 +84,25 @@
     min-height: 0;
 }
 
+/* Cap every separated tool panel so none overlaps the bottom-left compass +
+   scale bar. The reserve is dynamic — BottomElementPositioner sets
+   --mmgis-sep-tools-bottom-reserve from the live layout (it grows when the
+   timeline is expanded) so panels shrink instead of clipping. The panel's
+   overflow:hidden + .content overflow:auto makes the content scroll. Falls
+   back to 120px before the positioner first runs. */
+.panel {
+    max-height: calc(100vh - var(--mmgis-sep-tools-bottom-reserve, 120px));
+}
+
 /* Legend-specific overrides */
 .panel :global(#toolContentSeparated_Legend) > div:first-child {
     display: none !important;
 }
 
+/* Let the Legend's inner #LegendTool fill the panel and scroll within the
+   shared cap above instead of imposing its own inline height/max-height. */
 .panel :global(#toolContentSeparated_Legend #LegendTool) {
     height: auto !important;
-    /* Reserve space at the bottom so the legend never overlaps the bottom-left
-       compass + scale bar. The reserve is dynamic — BottomElementPositioner sets
-       --mmgis-legend-bottom-reserve from the live layout (it grows when the
-       timeline is expanded) so the legend shrinks/scrolls instead of clipping.
-       Falls back to 240px before the positioner first runs. */
-    max-height: calc(100vh - var(--mmgis-legend-bottom-reserve, 240px)) !important;
+    max-height: none !important;
 }