Barra de scroll sobrepondo o modal de confirmação.

[GuiHSilva]

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

1. Logado vá até o URL https://www.tabnews.com.br/publicar
2. Escreve o suficiente para que haja scroll
3. Clique no botão "Sair apenas do modo Escrever"
   
4. 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

[Rafatcb]

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".

[Rafatcb]

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.