authorgravatar for 163902005+kacigaya@users.noreply.github.comGaya KACI <163902005+kacigaya@users.noreply.github.com> 2026-10-12 03:12:45+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-12 01:12:45+00:00
log63eaa79242ccb591b7933335cfb758d065952f53
tree9730e734a8fc535dc2d583dfa6d64d5401e59eee
parent6a99eb3f08f190d514c924dbcd562ee58b365762
signature Signed by PGP key B5690EEEBB952194

fix(web): context menus no longer scroll when they fit the window (#16776)

1 files changed, 4 insertions(+), 2 deletions(-)

apps/web/src/contextMenuFallback.ts+4-2
......@@ -303,10 +303,12 @@ export function showContextMenuFallback<T extends string>(
303303 menu.dataset.level = String(level);
304304
305305 const inner = document.createElement("div");
306 // Fit the viewport (minus clampMenuPosition's 4px margins) so menus only
307 // scroll when the window is shorter than the menu itself.
306308 inner.className =
307 "max-h-[min(24rem,70vh)] min-w-0 max-w-sm overflow-y-auto overflow-x-hidden p-1";
309 "max-h-[calc(100vh-0.5rem)] min-w-0 max-w-sm overflow-y-auto overflow-x-hidden p-1";
308310 inner.style.cssText =
309 "max-height:min(24rem,70vh);min-width:0;max-width:24rem;overflow-x:hidden;overflow-y:auto;padding:0.25rem;";
311 "max-height:calc(100vh - 0.5rem);min-width:0;max-width:24rem;overflow-x:hidden;overflow-y:auto;padding:0.25rem;";
310312
311313 for (const item of entries) {
312314 if (item.separatorBefore === true && inner.children.length > 0) {