From e2fedc92a789db4c1fe5d6575108cc43265a10a4 Mon Sep 17 00:00:00 2001 From: Christophe Besson Date: Wed, 16 Sep 2026 16:42:00 +0200 Subject: 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 --- packages/meshbay-hub/src/meshbay_hub/static/style.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css') 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; -- cgit v1.2.3