Fiks "Registrer score"-hoppet: landet bak sticky headeren pga. for lav scroll-mt

playerListRef brukte scroll-mt-4, mens holePanelRef (samme sticky-header-
problem, hull-til-hull-navigasjon) allerede riktig bruker scroll-mt-28.
Samme verdi nå begge steder. Se CHANGELOG.md #139. Ikke rullet ut ennå.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Erol Haagenrud 2026-08-20 08:12:27 +02:00
parent c949259c77
commit 7426984e67
2 changed files with 33 additions and 1 deletions

View file

@ -13487,3 +13487,29 @@ Neste steg:
**Rullet ut 2026-08-20** -- bruker bekreftet. Ren frontend.
`docker compose build teecup_frontend && up -d`, rene logger, 200 OK.
139. **"Registrer score"-hoppet landet bak sticky headeren, 2026-08-20.**
Bruker viste to skjermbilder: (1) banekartet utvidet dytter
"Registrer score" langt ned -- foreslo en flytende knapp i bunnen som
løsning (se V0-prompt, ikke bygget denne runden -- venter på
V0-eksport). (2) et reelt, uavhengig funn: å trykke "Registrer score"
scroller til spillerlisten, men landet med FØRSTE spillerkort delvis
skjult bak den sticky RoundHeader-en -- `scrollIntoView` kompenserer
ikke selv for en `position: sticky`-header.
Årsak funnet raskt: `holePanelRef` (brukt for hull-til-hull-navigasjon,
samme sticky-header-utfordring) bruker allerede riktig
`scroll-mt-28` -- men `playerListRef` (brukt for nettopp dette
"Registrer score"-hoppet) hadde kun `scroll-mt-4`, langt fra nok til å
dekke headerens faktiske høyde. Rettet: samme `scroll-mt-28`-verdi som
det allerede fungerende mønsteret.
**Verifisert i scratch:** mocket `RoundDetail` med ekte
tee/green-koordinater (banekart faktisk utvidbart) + stubbet GPS.
Utvidet banekartet, trykket "Registrer score" -- første spillerkort
(Erol Haagenrud) landet nå fullt synlig rett under headeren, ikke
lenger delvis skjult. `tsc --noEmit` rent.
**Ikke rullet ut ennå** -- venter på bekreftelse fra bruker (og på
V0-eksporten for punkt 1 før neste utrullingsrunde, om bruker ønsker
å samle dem).

View file

@ -6855,7 +6855,13 @@ function PlayerHoleCards({
</div>
)}
<ul ref={playerListRef} className="flex scroll-mt-4 flex-col gap-3">
{/* scroll-mt-28 (2026-08-20, brukerfunn: "Registrer score"-hoppet
landet med første spillerkort delvis skjult bak den sticky
headeren) -- samme verdi som holePanelRef bruker for nøyaktig
samme problem (scrollIntoView kompenserer ikke selv for en
sticky header). Var scroll-mt-4, altfor lite til å dekke
headerens faktiske høyde. */}
<ul ref={playerListRef} className="flex scroll-mt-28 flex-col gap-3">
{sortedPlayers.map((player) => {
const list = holesByParticipant[player.id]
const apiHole = list?.find((h) => h.hole_number === currentHole) ?? null