Clicar em links em posts e voltar faz com que a altura do post fique incorreta

Olá :waving_hand:

Se eu clicar em um link inline em uma postagem de tópico e voltar ao tópico, as postagens terão uma altura calculada incorreta (maior).

Repro:

  1. Vá para, por exemplo, este tópico Do we need a help button on the composer? - #13 by Don

  2. Clique no link nesse tópico: New User Tips

  3. Volte para esse tópico com o navegador ou a navegação nativa do sistema operacional. Ou clicando no link de voltar abaixo da postagem.


Na visualização desktop

Na visualização mobile

Obrigado :slightly_smiling_face:

7 curtidas

Um bug estranho que encontrei. Consigo reproduzi-lo, mas não sei os critérios exatos para que ele aconteça.

  1. Abra um tópico curto(?)

  2. Clique em uma notificação (ou outro link?) que o leve a um tópico longo(?)

  3. Volte para o tópico anterior com seu navegador

  4. A página do tópico curto fica muito alta, com conteúdo majoritariamente vazio

Consegui reproduzir isso começando de dois tópicos curtos, usando o mesmo 2º tópico, e tive dificuldade em encontrar o contexto exato que aciona o bug.

Isso só acontece no celular (Chrome no Android, Chrome Desktop na visualização de celular).

1 curtida

Olá :wave:

Acho que isso é relevante: Clicking on links in posts and go back makes incorrect post height

Acho que agora encontrei um padrão para este bug. É o que estou pensando e não tenho certeza se isso está acontecendo. :slightly_smiling_face:

Quando você volta, ele mantém a altura da postagem anterior (acho que só podemos ver visualmente se for mais alta):thinking:

Deixe-me esclarecer o que estou pensando.

Abri dois tópicos para demonstrar.

Primeiro tópico

Segundo tópico

Vou do primeiro tópico para o segundo e volto. O que aconteceu? As postagens do primeiro tópico são mais altas, como mostro no vídeo aqui: Clicking on links in posts and go back makes incorrect post height

Agora verifico as postagens no primeiro tópico. Aqui está uma.

Ele recebe um min-height calculado.

Pelo que vejo, o cálculo da altura da postagem é encontrado aqui e usa o atributo post-id:

Então, vamos verificar os post-ids e ver o que aconteceu.

Na postagem do primeiro tópico, o post-id é 12.

No segundo tópico, temos que encontrar a postagem com post-id 13. Que é esta.

Isso parece que a altura do conteúdo da postagem adiciona o espaço vazio à 12ª postagem do primeiro tópico.

Pelo que vejo, isso só acontece se eu usar o carregador deslizante. Não tenho certeza do que está acontecendo (mas talvez porque o carregador deslizante mantém a página aberta enquanto volta para a página anterior) e inicia o cálculo do min-height no segundo tópico e, quando volto para o primeiro tópico, esse cálculo é adicionado à altura real das postagens.

4 curtidas

Ah, eu poderia ter pesquisado! :sweat_smile:
Eu mesclei as postagens, obrigado!

E ótimo trabalho de detetive também :chefs_kiss:

4 curtidas

Isso ainda está acontecendo?

1 curtida

Não, parece que funciona bem para mim. :slight_smile:

1 curtida