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

Đang mở
  • Có gì không ổn?
#101 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
Nửa ngày
Mức phù hợp với người mới
35/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
nextjs, react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.

Ngôn ngữ chính
TypeScript
Star
1
Fork
1
Merge trung bình
8 giờ 58 phút
Pull request đã merge (30 ngày)
37

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của procoderji-com/procoderji

Tất cả issue của procoderji-com/procoderji

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.