fix(web/menu): fix scrolling clipping menu items

2026-08-18 15:36:02 +01:00 · 2022-08-02 10:59:46 +02:00
parent ed3e7ac733
commit fd8b3c9862
2 changed files with 6 additions and 1 deletions
--- a/web/src/features/menu/list/index.tsx
+++ b/web/src/features/menu/list/index.tsx
@@ -111,7 +111,11 @@ const ListMenu: React.FC = () => {

  useEffect(() => {
    if (!menu.items[selected]) return;
-    listRefs.current[selected]?.focus();
+    listRefs.current[selected]?.scrollIntoView({
+      block: "nearest",
+      inline: "start",
+    });
+    listRefs.current[selected]?.focus({ preventScroll: true });
    // debounces the callback to avoid spam
    const timer = setTimeout(() => {
      fetchNui(