Comportamiento de desplazamiento tembloroso

Hola a todos,

He estado teniendo algunos problemas extraños esta semana después de actualizar a la última beta de Discourse.

El primero involucró un extraño problema de ajuste de palabras donde el texto de las publicaciones se ajustaba a la mitad de la pantalla en dispositivos móviles. (Puedes ver el mismo efecto aún en el sitio de demostración oficial del tema, específicamente en la vista móvil: http://discourse.jordanvidrine.com/)

Aislé la causa y estaba relacionada con mi tema (Discourse Air) y, en ausencia de una solución oficial por parte del desarrollador hasta ahora, creé una solución CSS propia basada en lo que veía en la herramienta de inspección de Chrome:

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

Eso solucionó el error. Pero ahora, me estoy enfrentando a un nuevo problema donde la pantalla salta y se traba esporádicamente al desplazarse por los temas:

Google Photos

Casi con certeza hay alguna relación. En modo seguro, el efecto de interrupción no ocurre. Por lo tanto, casi con certeza está conectado con el tema (que había sido extremadamente estable hasta este punto) y muy probablemente también con mi solución para el problema anterior.

Pero no sé qué intentar a continuación, así que esperaba que tal vez alguien aquí pudiera tener una sugerencia.

Agradecido por cualquier ayuda o indicaciones en la dirección correcta.

2 Me gusta

ACTUALIZACIÓN: Con un poco más de investigación y experimentación, parece que he solucionado esto. En caso de que alguien más esté enfrentando el mismo problema, el CSS corregido (que aborda el problema original sin introducir el temblor) es:

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