Skip to content

[UI/UX] Add Visible Scrollbar for Improved Navigation #191

Description

@RajD2910

Problem

The application currently hides the browser scrollbar, making it difficult for users to determine:

Whether the page contains more content.
Their current position on the page.
How much content remains while scrolling.

This can negatively impact usability and accessibility, especially on longer pages.

Expected Behavior

Display a visible vertical scrollbar throughout the page.
Ensure the scrollbar follows the site's theme (optional custom styling).
Maintain compatibility across major browsers.

Current Behavior

The page does not display a visible scrollbar, making page navigation less intuitive.

Benefits

Improves navigation and discoverability of content.
Provides users with visual feedback about scroll progress.
Enhances accessibility and overall user experience.
Aligns with standard web UI practices.

Possible Solution

Remove any CSS that hides the scrollbar (e.g., overflow: hidden, ::-webkit-scrollbar { display: none; }, or scrollbar-width: none).
Optionally implement a custom-styled scrollbar that matches the application's design system while keeping it visible.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions