Sie können das Verhalten reproduzieren, indem Sie einfach ein Thema öffnen und auf dem Mobilgerät auf den Titel-Link oben klicken, um den Spinner auszulösen.
Haben Sie Ideen, wie man #topic-progress verstecken kann, während der Spinner sichtbar ist?
Überraschenderweise ist Meta von diesem Fehler ausgenommen, aber ich konnte ihn auf unseren Produktionsservern und fast allen anderen mir bekannten Seiten reproduzieren.
Edit: Es scheint, dass das Element (Fortschritt im Thema) bei Themen mit vielen Beiträgen ohne Scrollen nicht sichtbar ist. Deshalb konnte ich es zuvor auf einigen Seiten wie Meta nicht reproduzieren.
Ich finde die Idee, das Widget für den Fortschritt des mobilen Themas während des Ladens des nächsten Blocks etwas anzupassen, gut. Es klingt nach einer vernünftigen Verbesserung, aber ich bin mir nicht sicher, ob eine vollständige Ausblendung das Richtige ist.
Die vollständige Ausblendung der Zeitleiste wäre ein Anti-Pattern, da Elemente dann springen würden.
@design, habt ihr dazu Gedanken?
Das ist definitiv nichts, was wir dringend ändern müssen, aber es könnte eine interessante Sache sein, die man verfeinern könnte.
Danke für deine Rückmeldung. Ich verstehe dein Bedenken bezüglich des Sprungverhaltens, das durch das Ausblenden der vollständigen Zeitleiste verursacht wird. Deshalb wird nur ein reservierter Platz für den Abstand berücksichtigt, um die Spielbarkeit zu gewährleisten.
Es ist nicht ausschließlich ein CSS-Problem; das Fixieren oder Verschieben des Fortschritts des Themas nach unten, während der Ladeindikator aktiv ist, hängt jedoch mit JavaScript zusammen.
Ich bin immer noch neugierig, warum es hier nicht reproduziert werden kann. Kann es auf try.discourse.org reproduziert werden? Ist es spezifisch für das CSS-Layout dieser Seiten, z. B. zusätzliche Header und so weiter?
Ich glaube nicht, dass es auf Mobilgeräten zu einem Sprung (Bounce) führt, da wir beim Scrollen eine feste Positionierung (fixed position) und beim Andocken eine absolute Positionierung verwenden. Die Layoutstruktur wird dadurch ohnehin nie beeinflusst.
Ich habe einen kurzen Test durchgeführt, bei dem ich es einfach per CSS versteckt habe, sobald es die Klasse „docked