menu: give the panel the room that is actually below it

`max-height: calc(100vh - 16px)` says how tall the menu may be and nothing
about where its bottom lands, so one opened partway down the window ran
past it and its last rows scrolled out of reach. Measure from where the
panel was placed, and re-measure when a submenu opens.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

1 files changed, 7 insertions, 1 deletions

diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css
index 5ef04b0..2d07fd1 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/style.css
+++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css
@@ -5040,7 +5040,13 @@ h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; }
   max-width: calc(100vw - 16px);
   /* A playlist's tracklist expands inside this panel rather than flying out
      sideways, so it can be far taller than the window. Same answer the
-     account menu's language list already has. */
+     account menu's language list already has.
+
+     A floor, not the real value: this says how tall the panel may be and
+     nothing about where its bottom lands, so a panel opened partway down the
+     window overruns it and its last rows end up in a region of itself that is
+     off-screen. `menu.js` measures where it put the panel and overrides this
+     with the room actually left below that point. */
   max-height: calc(100vh - 16px);
   overflow-x: hidden;
   overflow-y: auto;