Hacer clic en enlaces en las publicaciones y luego volver hace que la altura incorrecta de la publicación

Hola :waving_hand:

Si hago clic en un enlace en línea en una publicación de tema y vuelvo al tema, entonces las publicaciones tienen una altura incorrectamente calculada (más alta).

Reproducción:

  1. Ve, por ejemplo, a este tema Do we need a help button on the composer? - #13 by Don

  2. Haz clic en el enlace de ese tema: New User Tips

  3. Vuelve a ese tema con el navegador o la navegación nativa del sistema operativo. O haz clic en el enlace de retroceso debajo de la publicación.


En vista de escritorio

En vista móvil

Gracias :slightly_smiling_face:

7 Me gusta

Un error extraño que encontré. Puedo reproducirlo, pero no sé los criterios exactos para que ocurra.

  1. Abre un tema corto (?)

  2. Haz clic en una notificación (¿o en otro enlace?) que te lleve a un tema largo (?)

  3. Vuelve al tema anterior con tu navegador

  4. La página del tema corto es demasiado alta, con contenido mayormente vacío

Pude reproducirlo a partir de dos temas cortos, usando el mismo segundo tema, y tengo problemas para encontrar el contexto exacto que desencadena el error.

Solo ocurre en dispositivos móviles (Chrome en Android, Chrome de escritorio en vista móvil).

1 me gusta

Hola :wave:

Creo que esto es relevante: Clicking on links in posts and go back makes incorrect post height

Creo que ahora he encontrado un patrón para este error. Esto es lo que pienso y no estoy seguro de que esté sucediendo. :slightly_smiling_face:

Cuando retrocedes, mantiene la altura de la publicación anterior (o publicaciones) (creo que solo podemos verlo visualmente si es más alta):thinking:

Permítanme aclarar lo que pienso.

Abrí dos temas para demostrarlo.

Primer tema

Segundo tema

Voy del primer tema al segundo y vuelvo. ¿Qué pasó? Las publicaciones del primer tema son más altas como lo muestro en el video aquí Clicking on links in posts and go back makes incorrect post height

Ahora reviso las publicaciones en el primer tema. Aquí hay una.

Obtiene un min-height calculado.

Según veo, este cálculo de valor se encuentra aquí y utiliza el atributo post-id

Así que revisemos los post-ids y veamos qué pasó.

En la publicación del primer tema, el post-id es 12.

En el segundo tema, tenemos que encontrar la publicación con post-id 13. Que es esta.

Esto parece que la altura del contenido de la publicación agrega el espacio vacío a la publicación 12 del primer tema.

Según veo, esto solo sucede si uso el cargador deslizante. No estoy seguro de lo que está pasando (pero tal vez porque el cargador deslizante mantiene la página abierta mientras regresa a la página anterior) y comienza el cálculo de min-height en el segundo tema y cuando regreso al primer tema, este cálculo se suma a la altura real de las publicaciones.

4 Me gusta

¡Oh, podría haber buscado! :sweat_smile:
¡He fusionado las publicaciones, gracias!

Y también un gran trabajo de detective :chefs_kiss:

4 Me gusta

¿Sigue ocurriendo esto?

1 me gusta

No, me funciona perfectamente. :slight_smile:

1 me gusta