Bug - Options-Menue einer Liste in der Listenuebersicht ist nicht scrollbar, untere Punkte (Anpassen, Loeschen) auf kleinen Bildschirmen unerreichbar #239

New issue

Closed

opened 2026-10-03 11:06:31 +02:00 by lena · 2 comments

lena commented

2026-10-03 11:06:31 +02:00

Collaborator

Problem (vom Nutzer gemeldet)

Das Options-Menue einer Liste in der Listenuebersicht ist inzwischen so lang, dass es gescrollt werden muesste. Es ist aber statisch: Ist der Handybildschirm zu klein oder steht die Liste weit unten, kommt man an die unteren Menuepunkte (z.B. "Anpassen" oder "Loeschen") nicht mehr heran.

Akzeptanzkriterien

Das Menue passt sich der verfuegbaren Hoehe an (Begrenzung auf den sichtbaren Bereich, innen scrollbar) und/oder klappt nach oben auf, wenn unten zu wenig Platz ist.
Alle Menuepunkte sind auf einem kleinen Telefon (z.B. 375x667) auch fuer die unterste Liste der Uebersicht erreichbar.
Auf alle anderen Menues uebertragen: Sidebar-Kontextmenue der Listen, "..."-Menues in den Listen (Kopfzeile, Eintraege, Kategorien), Gruppen-Ueberschriften-Menue usw. Am besten zentral in der gemeinsamen Dropdown-Menue-Komponente loesen, damit kuenftige lange Menues automatisch scrollbar sind.
Optional pruefen: Menue entschlacken (seltene Punkte gruppieren/Untermenue), falls das die Laenge sinnvoll reduziert.
E2E-Test mit mobilem Viewport, der den untersten Menuepunkt erreicht.

## Problem (vom Nutzer gemeldet) Das Options-Menue einer Liste in der Listenuebersicht ist inzwischen so lang, dass es gescrollt werden muesste. Es ist aber statisch: Ist der Handybildschirm zu klein oder steht die Liste weit unten, kommt man an die unteren Menuepunkte (z.B. "Anpassen" oder "Loeschen") nicht mehr heran. ## Akzeptanzkriterien - Das Menue passt sich der verfuegbaren Hoehe an (Begrenzung auf den sichtbaren Bereich, innen scrollbar) und/oder klappt nach oben auf, wenn unten zu wenig Platz ist. - Alle Menuepunkte sind auf einem kleinen Telefon (z.B. 375x667) auch fuer die unterste Liste der Uebersicht erreichbar. - **Auf alle anderen Menues uebertragen:** Sidebar-Kontextmenue der Listen, "..."-Menues in den Listen (Kopfzeile, Eintraege, Kategorien), Gruppen-Ueberschriften-Menue usw. Am besten zentral in der gemeinsamen Dropdown-Menue-Komponente loesen, damit kuenftige lange Menues automatisch scrollbar sind. - Optional pruefen: Menue entschlacken (seltene Punkte gruppieren/Untermenue), falls das die Laenge sinnvoll reduziert. - E2E-Test mit mobilem Viewport, der den untersten Menuepunkt erreicht.

lena added the

priority/should

type/bug

labels

2026-10-03 11:06:31 +02:00

lena self-assigned this

2026-10-03 12:00:06 +02:00

lena added the

status/claimed

label

2026-10-03 12:00:06 +02:00

lena commented

2026-10-03 12:00:06 +02:00

Author

Collaborator

Claimed by session "Go loop [d3a77d]"

Ansatz: zentral in der gemeinsamen Dropdown-Menue-Komponente die Hoehe auf den verfuegbaren Platz begrenzen und innen scrollbar machen, damit alle Menues (Listenuebersicht, Sidebar, Kopfzeile, Eintraege, Kategorien, Gruppen) profitieren.

Claimed by session "Go loop [d3a77d]" Ansatz: zentral in der gemeinsamen Dropdown-Menue-Komponente die Hoehe auf den verfuegbaren Platz begrenzen und innen scrollbar machen, damit alle Menues (Listenuebersicht, Sidebar, Kopfzeile, Eintraege, Kategorien, Gruppen) profitieren.

lena referenced this issue from a commit

2026-10-03 12:08:07 +02:00

fix(#239): keep long menus scrollable within the screen

lena referenced this issue from a commit

2026-10-03 12:08:07 +02:00

test(#239): e2e - last menu item reachable on a 375x667 screen

lena commented

2026-10-03 12:08:21 +02:00

Author

Collaborator

Erledigt (Commits 692aaf60, f304d7c3).

Loesung (zentral): Die gemeinsame Dropdown-Menue-Komponente (Menue und Untermenue) sowie das Popover begrenzen ihre Hoehe jetzt auf den verfuegbaren Platz (Radix-Variable --radix-*-content-available-height, 8px Randabstand) und scrollen innen. Radix klappt das Menue weiterhin automatisch nach oben, wenn dort mehr Platz ist. Damit sind alle Menues abgedeckt: Listenuebersicht/Sidebar (alle Listentypen), Kopfzeilen-Menues der Listen, Eintrags- und Kategorie-Menues, Gruppen-Ueberschriften, Gruppen-Untermenue.

Menue entschlacken: bewusst nicht gemacht - mit dem Scrollen ist alles erreichbar, und eine Umgruppierung waere eine Design-Entscheidung, die besser ein eigenes Issue bekommt, falls gewuenscht.

Tests: neuer E2E-Test e2e/mobile/menu-scroll.spec.ts (375x667, 8 Listen, Menue der untersten Liste: Menue bleibt komplett im Bildschirm, "Delete" erreichbar und klickbar). Nachgemessen: Menueinhalt 395px bei 346px verfuegbarem Platz - ohne den Fix waere das Menue ueber den Rand gelaufen. Frontend-Build und alle Komponententests gruen.

Security: reine CSS-/Darstellungsaenderung, keine sicherheitsrelevante Oberflaeche.

Erledigt (Commits 692aaf60, f304d7c3). **Loesung (zentral):** Die gemeinsame Dropdown-Menue-Komponente (Menue und Untermenue) sowie das Popover begrenzen ihre Hoehe jetzt auf den verfuegbaren Platz (Radix-Variable `--radix-*-content-available-height`, 8px Randabstand) und scrollen innen. Radix klappt das Menue weiterhin automatisch nach oben, wenn dort mehr Platz ist. Damit sind alle Menues abgedeckt: Listenuebersicht/Sidebar (alle Listentypen), Kopfzeilen-Menues der Listen, Eintrags- und Kategorie-Menues, Gruppen-Ueberschriften, Gruppen-Untermenue. **Menue entschlacken:** bewusst nicht gemacht - mit dem Scrollen ist alles erreichbar, und eine Umgruppierung waere eine Design-Entscheidung, die besser ein eigenes Issue bekommt, falls gewuenscht. **Tests:** neuer E2E-Test `e2e/mobile/menu-scroll.spec.ts` (375x667, 8 Listen, Menue der untersten Liste: Menue bleibt komplett im Bildschirm, "Delete" erreichbar und klickbar). Nachgemessen: Menueinhalt 395px bei 346px verfuegbarem Platz - ohne den Fix waere das Menue ueber den Rand gelaufen. Frontend-Build und alle Komponententests gruen. **Security:** reine CSS-/Darstellungsaenderung, keine sicherheitsrelevante Oberflaeche.

lena

2026-10-03 12:08:21 +02:00