Skip to content

[BUG] Background page scrolls when reaching the end of Roadmap modal content #4684

@sammy200-ui

Description

@sammy200-ui

Describe the bug.

I was exploring the Roadmap page and noticed a scrolling behavior that seems unintentional. When I click on a roadmap item card, a modal popup appears with the description. If I scroll down inside this modal and reach the bottom, the main background page starts scrolling instead of the scroll stopping at the end of the modal content.
I wanted to confirm if this "scroll chaining" behavior is intended or if the background scroll should be locked while the modal is open?

Expected behavior

Typically, when a modal is open, the background page should be locked (non-scrollable) to keep the user's focus on the modal content. The scroll should be contained entirely within the popup.

Screenshots

Screen.Recording.2025-12-06.at.1.38.55.PM.mov

How to Reproduce

Go to https://www.asyncapi.com/roadmap
Click on any roadmap item card that has a long description
Scroll down inside the popup modal.
Continue scrolling once you reach the bottom of the modal.
Observe that the background page behind the modal begins to scroll.

🖥️ Device Information [optional]

  • Operating System (OS):
  • Browser:
  • Browser Version:

👀 Have you checked for similar open issues?

  • I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

Are you willing to work on this issue ?

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions