[Bug] Navbar Fails to Stick on Page Scroll

[shivam8112005]

Description

The sticky navbar fails to remain fixed at the top of the viewport when the user scrolls down the page, causing navigation links to become inaccessible.

Reproduction

1. Open the web application in a supported browser.
2. Scroll down the page.
3. Observe that the navbar does not stick to the top of the viewport.
4. See where the navbar vanishes with instead of remaining fixed.

Expectation

I expected the navbar to stay at the top of the viewport while scrolling, allowing continuous access to navigation links.

Screenshots

Environment

• Device: laptop
• OS: Windows 11
• Browser: Chrome
• Version: 94.0.4606.61
• Other info: 1920x1080 resolution

Additional context

• creativecommons/vocabulary: A cohesive system of design for Creative Commons

Resolution

• I would be interested in resolving this bug.

[rypptc]

I'm not sure if this is an issue that should be done here, I see many cc pages have already a standard design. Probably, if the intention is having a fixed navbar, this should be done across all pages.

[Queen-codes]

Hi @rypptc I agree with you. I think that's the expected behaviour of Vocabulary. @shivam8112005 however, if you think it's an improvement that Vocabulary will benefit from, I think it is better to raise this issue in vocabulary's repository. The mentors will go through it and decide.

[SisiVero]

I once opened a similar issue but it was discarded. I assume the current navbar format is what is needed for now.
@shivam8112005 .

[shivam8112005]

ohk @rypptc i will consider it

[TimidRobot]

🚧 status: blocked Blocked & therefore, not ready for work pending:

• [Feature] Add a scroll-to-top element to UX for longer page contexts vocabulary#54