Skip to content

fix(panel-app): modal de unificação aparece atrás dos campos do perfil #441

Description

@henrique-leme

Resumo

Ao tentar conectar uma conta que já está vinculada a outro usuário, o modal de confirmação abre normalmente, mas os campos Apelido e Data de Nascimento aparecem por cima dele.

Quando a página está mais para baixo no scroll, o modal fica normal. O problema aparece principalmente quando o topo do perfil ainda está visível.

Como reproduzir

  1. Abrir a página de perfil em uma tela desktop
  2. Tentar conectar Discord, GitHub ou Twitch usando uma conta que já pertence a outro usuário
  3. Aguardar o modal Conta existente encontrada aparecer
  4. Observar a área dos campos Apelido e Data de Nascimento

O que acontece

Os dois campos ficam por cima da camada escura e também podem cobrir parte do conteúdo do modal.

O que deveria acontecer

O modal e a camada escura devem ficar acima de todo o conteúdo da página, não importa a posição do scroll.

Causa provável

O modal é renderizado dentro da coluna lateral sticky das conexões. Essa coluna cria um contexto de empilhamento próprio, enquanto o cabeçalho do perfil usa z index nos campos e no avatar.

Critérios de aceite

  1. O modal fica acima de todos os campos do perfil
  2. A camada escura cobre toda a página sem elementos vazando por cima
  3. O comportamento continua correto antes e depois de rolar a página
  4. Os botões Unificar e Cancelar continuam funcionando normalmente

Responsável atual

Eu estou trabalhando nessa correção.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions