Ruckelndes Scrollverhalten

Unterstützung
1

Hallo zusammen,

seit dem Update auf die neueste Discourse-Beta habe ich diese Woche einige seltsame Probleme.

Das erste war ein bizarres Umbruch-Problem, bei dem der Text von Beiträgen auf mobilen Geräten mitten auf dem Bildschirm umgebrochen wurde. (Diesen Effekt kann man aktuell noch auf der offiziellen Demo-Seite des Themes sehen, speziell in der mobilen Ansicht: http://discourse.jordanvidrine.com/)

Ich habe die Ursache auf mein Theme (Discourse Air) eingegrenzt und – da es vom Entwickler bisher noch keine offizielle Lösung gibt – eine eigene CSS-Lösung entwickelt, basierend auf dem, was ich im Chrome-Inspektor-Tool gesehen habe:

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

Das hat den Fehler behoben. Jetzt habe ich jedoch ein neues Problem, bei dem der Bildschirm beim Durchscrollen durch Themen sporadisch springt und ruckelt:

Google Photos

Das hat mit Sicherheit etwas miteinander zu tun. Im abgesicherten Modus tritt der Ruckeleffekt nicht auf. Es liegt also mit ziemlicher Sicherheit am Theme (das bis dahin absolut stabil war) und möglicherweise auch an meiner Korrektur für das vorherige Problem.

Ich bin jedoch ratlos, was ich als Nächstes versuchen soll, und hoffe daher, dass hier vielleicht jemand eine Idee hat.

Ich wäre für jede Hilfe oder einen Hinweis in die richtige Richtung sehr dankbar!

2 „Gefällt mir“
2

UPDATE: Nach etwas mehr Recherche und Experimenten scheint ich dies behoben zu haben. Falls jemand anderes auf dasselbe Problem stößt, lautet der korrigierte CSS-Code (der das ursprüngliche Problem behebt, ohne das Zittern einzuführen):

@media (max-width: 790px) {
.container.posts {
     grid-template-columns: none;
}
}
1 „Gefällt mir“