From b4868d0941106d8413f84647e84cb4ed98d096eb Mon Sep 17 00:00:00 2001
From: gangna2s-arch <281744444+gangna2s-arch@users.noreply.github.com>
Date: Thu, 22 Oct 2026 12:37:05 +0200
Subject: [PATCH] fix(ui): keep the language switcher menu inside the viewport

The menu opens upwards from the sidebar footer and is a child of the
scrollable sidebar. On short windows it was taller than the space above
the trigger, so its top (the first entries) was clipped by the sidebar.

Cap the menu height to the viewport and let it scroll instead.

Signed-off-by: gangna2s-arch <281744444+gangna2s-arch@users.noreply.github.com>
(cherry picked from commit 9a564ef79dba0be35379876eae4a04925311c84c)
---
 core/http/react-ui/src/App.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/core/http/react-ui/src/App.css b/core/http/react-ui/src/App.css
index 35b1feede..edb62efdc 100644
--- a/core/http/react-ui/src/App.css
+++ b/core/http/react-ui/src/App.css
@@ -713,6 +713,12 @@
   bottom: calc(100% + 8px);
   left: 0;
   min-width: 220px;
+  /* The menu opens upwards from the sidebar footer, inside a scrollable
+     sidebar. Cap its height to the viewport so it stays within the sidebar
+     box instead of being clipped at the top on short windows. */
+  max-height: calc(100dvh - 64px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
   background: var(--color-surface-float);
   border: 1px solid var(--color-border-card);
   border-radius: var(--radius-lg);