Estilos inline de altura mínima declarados para topic-post no celular

Tenho um tema que altera ligeiramente a visualização das postagens no celular. Agora vejo que o layout fica distorcido por declarações de min-height que são calculadas e injetadas como estilos inline assim que rolo a página:

Por exemplo, aqui a postagem é mais longa do que deveria ser por causa do min-height:

Eu poderia declarar min-height como unset nas postagens. Pelo que vejo até agora, isso corrigiria o layout. Mas talvez eu esteja perdendo algo? Não entendo por que esses cálculos são declarados em primeiro lugar?

2 curtidas

Não vejo esses cálculos no Discourse por padrão… é algum tema ou componente que os adiciona?

Ah, entendi, eles são adicionados em tópicos mais longos quando respostas adicionais são carregadas (e outras são removidas).

Parece que adicionamos a altura mínima quando as postagens são ocultadas na rolagem, então acho que estamos capturando a altura para que a posição de rolagem não seja alterada quando o conteúdo é removido da página?

2 curtidas

Acho que foi aqui que o cálculo de altura foi adicionado originalmente, FIX: Scroll jumping in some dimensions of browser · discourse/discourse@a77f5a7 · GitHub, o que confirma que é para ajudar a controlar a instabilidade da rolagem.

Para corrigir seu problema específico, parece que a altura de .topic-post é o que está sendo medido… no seu tema, essa div é mais alta que o conteúdo dentro dela por algum motivo? Eu me pergunto por que parece estar mal calculado…

2 curtidas