Skip to content

bug: Completion badge overlaps sticky breadcrumb on course page while scrolling #1918

@gaur777

Description

@gaur777

Describe the bug
On course pages, the green completion badge on completed week cards overlaps the sticky breadcrumb/topbar while scrolling.

To Reproduce

  1. Open a course page with completed week cards
  2. Scroll the card list upward
  3. Observe that the green completion badge overlaps the sticky breadcrumb/topbar

Expected behavior
The completion badge should move under the sticky topbar together with the card and should not remain visible above the breadcrumb area.

Screenshots or GIFs
Attached:

  • screenshot showing the bug where the completion badge overlaps the sticky breadcrumb/topbar
    Image
  • screenshot showing the fixed behavior where the badge scrolls under the topbar
    Image

Info (please complete the following information):

  • Browser: Google Chrome
  • Version: 146.0.7680.178 (Official Build) (arm64)

Additional context
I investigated this locally and the fix appears to be a stacking-context issue between the sticky breadcrumb container and the completion badge overlay on course cards. I have verified a local fix and can submit it once the issue is assigned.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions