Jaishree2310/GlassyUI-Components

BUG:Background content remains scrollable when modal component is open

Aberta

#527 aberto em 16 de mai. de 2026

Ver no GitHubGuia do colaborador
 (14 comentários) (0 reação) (0 responsável)TypeScript (217 forks)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:bug

Métricas do repositório

Stars
 (114 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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

Guia do colaborador

Direção de pesquisa
Adicione o bloqueio de rolagem (por exemplo, overflow: hidden no body) quando o modal abre e remova o quando fecha. Considere usar useEffect ou um hook de ciclo de vida similar.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Git
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
85