Jaishree2310/GlassyUI-Components

BUG:Background content remains scrollable when modal component is open

Open

#527 opened on May 16, 2026

View on GitHub
 (14 comments) (0 reactions) (0 assignees)TypeScript (217 forks)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:bug

Repository metrics

Stars
 (114 stars)
PR merge metrics
 (PR metrics pending)

Description

Preliminary Check

  • I have searched the existing issues
  • This issue is reproducible

Bug Summary

When opening the modal component, the background page content remains scrollable instead of locking the scroll behavior. This can lead to an inconsistent user experience, especially on smaller screens and mobile devices.

Fixing this issue would improve user experience and make the modal behavior more aligned with standard UI/UX practices.

I would like to work on this issue under GSSoC 2026.

Steps to Reproduce

  1. Open the modal component
  2. Try scrolling the page in the background
  3. Observe that the background content still scrolls while the modal is active

Expected Behavior

The background page scroll should be disabled while the modal is open, and restored once the modal is closed.

Screenshots/Logs

No response

Additional Information

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue
  • I can provide more details if needed

Contributor guide

Research direction
Add scroll locking (e.g., overflow: hidden on body) when the modal opens, and remove it on close. Consider using a useEffect or similar lifecycle hook.
Tech stack
typescript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Git
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85