Comportamento de rolagem instável

Suporte
1

Olá a todos,

Tenho enfrentado alguns problemas estranhos esta semana após uma atualização para a versão mais recente do Discourse beta.

O primeiro envolveu um comportamento bizarro de quebra de linha, onde o texto das postagens era cortado pela metade da tela em dispositivos móveis. (Você pode ver o mesmo efeito ainda no site de demonstração oficial do tema, especificamente na visualização móvel: http://discourse.jordanvidrine.com/)

Eu identifiquei que a causa estava relacionada ao meu tema (Discourse Air) e, na ausência de uma correção oficial por parte do desenvolvedor até o momento, criei minha própria solução em CSS com base no que observei nas ferramentas de inspeção do Chrome:

@media (max-width: 790px) {
.container.posts {
    display: inline;
}
}

Isso corrigiu o problema. Mas agora, estou enfrentando um novo problema onde a tela salta e trava esporadicamente ao rolar pelos tópicos:

Google Photos

Quase certamente há alguma relação. No modo seguro, o efeito de travamento não ocorre. Portanto, é quase certo que esteja conectado ao tema (que vinha funcionando perfeitamente até agora) e possivelmente também à minha correção para o problema anterior.

Mas estou sem ideias sobre o que tentar a seguir, então espero que alguém aqui possa ter uma sugestão.

Agradeço qualquer ajuda ou dicas na direção certa!

2

ATUALIZAÇÃO: Com um pouco mais de investigação e experimentação, parece que consegui resolver isso. Caso alguém mais esteja enfrentando o mesmo problema, o CSS corrigido (que resolve o problema original sem introduzir tremores) é:

@media (max-width: 790px) {
.container.posts {
     grid-template-columns: none;
}
}