bug: Home navbar is white on first visit but transparent after internal navigation

Aperta
  • Qualcosa non va?
#101 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
Mezza giornata
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
nextjs, react, typescript
Ambito
frontend

Direzione di ricerca

The navbar is the Home page header in the Next.js frontend; start from the component that sets its top background and the scroll-dependent white/backdrop-blur state, and compare the initial render with the client-side navigation path. Reproduce by loading the Home route fresh, then navigating away and back. Done when the top of Home is transparent in both cases and scrolling past the hero restores the blurred background.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

area:frontend bug

What happened?

On https://procoderji.com/, the Home navbar has a solid white background on the first visit. After navigating to another page and returning Home, it becomes transparent and the yellow gradient/grid continues behind it.

The owner reported this in production and supplied two desktop screenshots showing the inconsistent states. The root cause has not been confirmed; this report does not claim an independently reproduced browser result.

Steps to reproduce

  1. Open the Home page in a fresh browser session, with the page at the top.
  2. Observe the white navbar bar above the yellow hero.
  3. Navigate to another page using the site navigation.
  4. Return Home and compare the navbar at the top: it is now transparent.

Expected behavior

At the top of Home, the navbar should be transparent on both initial visits and return navigation. The yellow hero background and grid should continue behind it without a white bar or hard edge.

After scrolling past the hero, the existing light white background and backdrop blur should keep navigation readable.

Environment

  • Production: https://procoderji.com/
  • Release commit: 9e2b9c00556de0387b09e937ffbefbd4eb9e0919
  • Desktop screenshots supplied by the owner; browser/version not recorded.
  • Mobile behavior should be checked when this is investigated.

Acceptance criteria

  • Fresh-session entry and hard refresh show the transparent navbar at the top of Home.
  • Returning Home through internal navigation produces the same appearance.
  • Scrolling beyond the hero still enables the white/blurred background.
  • Desktop and mobile navigation retain their current links, layout and brand styling.

Planning

Reported for the backlog. Investigation and implementation are deferred until scheduled; no fix or pull request is requested at this time.

Lingua principale
TypeScript
Stelle
1
Fork
1
Merge medio
8h 58m
PR unite (30g)
37

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di procoderji-com/procoderji

Tutte le issue di procoderji-com/procoderji

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.