Comportement de défilement saccadé

Soutien
1

Bonjour à tous,

J’ai rencontré quelques problèmes étranges cette semaine après une mise à jour vers la dernière version bêta de Discourse.

Le premier concernait un problème bizarre de retour à la ligne où le texte des publications se coupait au milieu de l’écran sur mobile. (Vous pouvez observer le même effet sur le site de démonstration officiel du thème, notamment en vue mobile : http://discourse.jordanvidrine.com/)

J’ai identifié la cause comme étant liée à mon thème (Discourse Air) et, en l’absence de correctif officiel de la part du développeur à ce jour, j’ai trouvé une solution CSS moi-même en m’appuyant sur ce que j’observais dans l’outil d’inspection de Chrome :

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

Cela a résolu le bug. Mais maintenant, je rencontre un nouveau problème où l’écran saute et saccade sporadiquement lors du défilement des sujets :

Google Photos

Il y a presque certainement un lien entre les deux. En mode sans échec, l’effet de saccade ne se produit pas. Il est donc presque certain que cela soit lié au thème (qui était jusque-là parfaitement stable) et très probablement aussi à ma correction pour le problème précédent.

Mais je suis à court d’idées sur ce qu’il faudrait essayer ensuite, alors j’espérais qu’une personne ici pourrait avoir une suggestion.

Je vous serais reconnaissant pour toute aide ou indication dans la bonne direction !

2 « J'aime »
2

MISE À JOUR : Après quelques recherches et expérimentations supplémentaires, j’ai apparemment résolu ce problème. Au cas où d’autres personnes rencontreraient le même problème, le CSS corrigé (qui règle le problème initial sans introduire de saccades) est le suivant :

@media (max-width: 790px) {
.container.posts {
     grid-template-columns: none;
}
}
1 « J'aime »