bug: CheckCircle2 Icon Overlapping Navbar on Scroll

Open karan-vaishnav opened this issue 11 months ago • 1 comments

Describe the bug When scrolling the page, the CheckCircle2 icon (used to indicate completion) remains visible above the navbar, which contains breadcrumbs. Instead of being hidden behind the navbar, the icon overlaps it. This occurs due to incorrect z-index values for the navbar and the card component, resulting in an improper stacking order.

Expected behavior The CheckCircle2 icon should respect the stacking context and remain hidden behind the navbar when scrolling.

Screenshots or GIFs Screenshot 2025-01-16 123157 Screenshot 2025-01-16 122446

Additional context The issue arises because the z-index value of the navbar is equal to that of the CheckCircle2 icon. Setting the z-index of the navbar to 20 resolves the issue by ensuring it stays above the card and its components.

Note: For testing, I have created dummy content cards.

Jan 16 '25 09:01 karan-vaishnav

I'd like to work on this issue, could you please assign it to me? @karan-vaishnav

Jan 23 '25 23:01 himanshukandari14