Resultaterfassung: Satzfelder stossen aneinander, der Fokusrahmen ragt ins Nachbarfeld #113

New issue

Open

opened 2026-10-19 17:32:44 +00:00 by claude · 0 comments

claude commented

2026-10-19 17:32:44 +00:00

Collaborator

Gefunden bei der Sichtprüfung auf Staging (19.10.2026), Resultaterfassung einer Begegnung (Tabellenansicht am PC).

Was falsch ist

Die fünf Satzfelder einer Partie stehen ohne Zwischenraum nebeneinander. Bekommt ein Feld den Fokus, liegt um seinen Rahmen ein 3 px breiter Fokusring – und der ragt ins Nachbarfeld bzw. wird von ihm halb verdeckt. Man sieht Teile des Rahmens im falschen Feld.

Ursache

In MatchResultTable.tsx ist jede Satzspalte w-14 (56 px) breit, und das Eingabefeld aus ResultEntryView.tsx (renderSetCell) ist ebenfalls w-14. Die Zelle hat keinen seitlichen Innenabstand, für den Fokusring bleibt also kein Platz. Der Ring selbst kommt aus ui/input.tsx (focus-visible:ring-3).

Erwartet

Zwischen den Satzfeldern ein sichtbarer Abstand, sodass der Fokusring vollständig um das aktive Feld liegt und kein Nachbarfeld berührt. Gilt auch für den roten Ring bei einem ungültigen Satz (aria-invalid).

Prüfen

Staging, als Captain oder Verband eine Begegnung zur Resultaterfassung öffnen, in ein Satzfeld klicken und mit Tab weiterspringen.

Gefunden bei der Sichtprüfung auf Staging (19.10.2026), Resultaterfassung einer Begegnung (Tabellenansicht am PC). ## Was falsch ist Die fünf Satzfelder einer Partie stehen ohne Zwischenraum nebeneinander. Bekommt ein Feld den Fokus, liegt um seinen Rahmen ein 3 px breiter Fokusring – und der ragt ins Nachbarfeld bzw. wird von ihm halb verdeckt. Man sieht Teile des Rahmens im falschen Feld. ## Ursache In `MatchResultTable.tsx` ist jede Satzspalte `w-14` (56 px) breit, und das Eingabefeld aus `ResultEntryView.tsx` (`renderSetCell`) ist ebenfalls `w-14`. Die Zelle hat keinen seitlichen Innenabstand, für den Fokusring bleibt also kein Platz. Der Ring selbst kommt aus `ui/input.tsx` (`focus-visible:ring-3`). ## Erwartet Zwischen den Satzfeldern ein sichtbarer Abstand, sodass der Fokusring vollständig um das aktive Feld liegt und kein Nachbarfeld berührt. Gilt auch für den roten Ring bei einem ungültigen Satz (`aria-invalid`). ## Prüfen Staging, als Captain oder Verband eine Begegnung zur Resultaterfassung öffnen, in ein Satzfeld klicken und mit Tab weiterspringen.