Barra de scroll sobrepondo o modal de confirmação.
GuiHSilva opened this issue · comments
Descrição
Eu encontrei um problema na página de publicação enquanto testava o editor de MarkDown e ao clicar em cancelar a janela exibida está sobreposta pelo scrollbar quando o modo "Escrever apenas" está desativado.
Passos para reproduzir o problema
- Logado vá até o URL https://www.tabnews.com.br/publicar
- Escreve o suficiente para que haja scroll
- Clique no botão "Sair apenas do modo Escrever"
- Clique no botão "Cancelar"
Navegadores testados
Chrome
Possível solução
Atribuir z-index maior para o alerta ou menor para a classe usado pelo ByteMD no controle daquele scroll em específico
Obrigado por reportar o problema, @GuiHSilva!
Não é sempre que isso acontece. Um Dialog precisa aparecer alguma vez, navegar e então exibi-lo novamente. Isso porque a div#__primerPortalRoot__ não é removida depois de criada, então a diferença passa a ser onde o Dialog é renderizado no DOM. Provavelmente esse comportamento surgiu na versão v36.5.0 do Primer.
| Sem problema | Com problema |
|---|---|
 |
 |
Não encontrei uma solução para deixar a div sempre no fim e nem para estilizar, sem fazer uso de "gambiarras".
Pessoal, não mexi nesse issue por questões de tempo/prioridade, mas quando o vi, criei um exemplo mínimo para reproduzir o problema e criei um issue no repositório do Primer: primer/react#4280
Eles estão abertos a receber uma correção lá, então é mais adequado abrir um PR no repositório primer/react para depois atualizar a dependência aqui. O problema está nesse trecho de código. É uma ótima oportunidade de contribuir em um projeto que usamos tanto no TabNews.