Details ausblenden, um automatisch zum Ende der versteckten Details zu gelangen

[TomoftheFog (Tom)]

Hallo zusammen,

Mir ist ein seltsames Verhalten aufgefallen, wenn der neueste Beitrag in einem Thema Text oder Bilder enthält, die mit “Details ausblenden” ausgeblendet sind. Wenn man darauf klickt, springt der Text direkt zur letzten Zeile der ausgeblendeten Details. Wenn ein neuer Beitrag im Thema erscheint, ändert sich dieses Verhalten und funktioniert wie erwartet – der Text wird erweitert und man wird oben positioniert, genauso wie wenn man ihn bereits einmal erweitert, ausgeblendet und erneut angezeigt hat.

Ich weiß nicht, ob dies das erwartete Verhalten ist, konnte aber nichts zur Bestätigung finden. Jede Hilfe bei der Bestätigung, ob dies ein Fehler ist oder nicht, wird geschätzt.

Getestet auf Android mit Chrome und Firefox, Linux mit Chrome und das gleiche Verhalten auf allen.

[j.jaffeux (Joffrey Jaffeux)]

@TomoftheFog Ich habe noch nicht nachgesehen, aber kannst du ein Beispiel für rohen Post-Inhalt mit diesem Problem posten. Das wird uns bei der Untersuchung des Problems helfen. Danke.

[Moin]

Ist das dasselbe Problem, das in Details expanding from bottom when at the end of a topic gemeldet wurde?

[TomoftheFog (Tom)]

Ja, das ist korrekt. Ich habe einen Blick geworfen und bin auf dieses Thema nicht gestoßen, weshalb ich ein neues erstellt habe.

Ich habe festgestellt, dass es auftritt, wenn Bilder im Text enthalten sind. Auf unserem Forum ist es dieser spezifische Beitrag, in dem Nutzer das Problem angesprochen haben:

Dec '24 Monthly Game Club - Donkey Kong Country 3

Ich habe /raw/xxxxx versucht, aber der rohe Beitragstext wird nicht angezeigt. Daher habe ich den rohen Inhalt aus dem Data Explorer gepostet. Er ist über 80.000 Zeichen lang; ich bin mir nicht sicher, ob das einen Einfluss hat, aber das gleiche Problem ist auch bei viel kleineren Beiträgen aufgetreten.

Danke, dass du dich dazu bei mir gemeldet hast.

[details=“Rohinhalt des Beitrags aus dem Data Explorer”]
Die Feiertage haben mich beschäftigt, aber jetzt, wo Weihnachten vorbei ist, geht es wieder an die Arbeit. Auf geht’s zu Razor Ridge! [details=“Kiki spielt Dixie Kong’s Double Trouble, Teil 6”] Wir beginnen mit Buzzer Barrage, unserem ersten Höhlenniveau. Falls du es noch nicht getan hast, ist dies der Punkt, an dem du gezwungen wirst, zu lernen, wie man die Kongs wirft. Bei meinem ersten Durchgang habe ich das tatsächlich komplett verpasst und hier festgesteckt, bis ich anfing, Tasten zu drücken – kannst du das glauben? Quawks ist wieder da mit mehr Fass-Chaos; es gibt einige nette kleine Abschnitte, in denen man die Fässer auf bestimmte Weise rollen muss. Dies ist unsere erste Begegnung mit den Kopter-Gegnern. Da sie sich drehen und so viel bewegen, bekommt man sie nie richtig zu sehen, daher sahen sie für mich immer sehr seltsam aus. Mein Gehirn konnte nie herausfinden, was sie in Bewegung eigentlich sein sollten. Es stellt sich heraus, dass es nur kleine, dürre Reptilien mit Eishockeyhelmen sind, die mit ihren Händen Rotorblätter vor sich halten. Seltsam! Die Kopter sind gegen unsere Angriffe immun und verletzen uns von den Seiten, daher ist es im Allgemeinen die beste Wahl, Abstand von ihnen zu halten. Am Ende müssen wir jedoch unser besseres Urteilsvermögen verraten und auf einem von ihnen ziemlich weit den vertikalen Tunnel hinaufspringen, um ein Bonusfass zu erhalten. Dieses Bonuszimmer dreht sich (Wortspiel beabsichtigt) sogar um diese indirekte Form des Vortriebs! Der obligatorische Besuch bei Wrinkly Kong. Seit dem letzten Mal haben wir einige der Item-Boxen aufgefüllt. Zeit, Benny zu besuchen. Wie bereits von @Obskyr angemerkt, sind dieser Typ und sein Bruder Björn nach zwei Mitgliedern der schwedischen Gruppe ABBA benannt. Wenn man weiter mit ihm spricht, wird er sagen: „take a chance on me

[tobiaseigen]

Ich kann das in Details expanding from bottom when at the end of a topic nicht nachvollziehen, sehe es aber im Beitrag direkt darüber.

Der Rohinhalt dieses Topics befindet sich tatsächlich unter https://forums.insertcredit.com/raw/4248/90 und ist weiter unten zu finden. Ich vermute, es fällt am meisten auf, wenn der ausgeblendete Text sehr lang ist?

Die Feiertage haben mich beschäftigt, aber jetzt, wo Weihnachten vorbei ist, geht es wieder an die Arbeit. Auf nach Razor Ridge!
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)001|571x500](upload://tU79S4id5SHH5jN3vkvLEq0BdwJ.png)

[details="Kiki spielt Dixie Kong's Double Trouble, Teil 6"]
Wir starten mit Buzzer Barrage, unserem ersten Höhlenniveau. Falls du es noch nicht getan hast, ist dies der Punkt, an dem du lernen musst, die Kongs zu werfen. Bei meinem ersten Durchgang habe ich das tatsächlich komplett übersehen und steckte hier fest, bis ich anfing, Tasten zu drücken – kannst du das glauben?
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)003|571x500](upload://ouD1aOhzMXzaz2SCWvoXI7cpYQp.png)

Quawks ist wieder da mit mehr Fass-Chaos; es gibt einige nette kleine Abschnitte, in denen du sie auf bestimmte Weise rollen musst.
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)005|571x500](upload://xP42dOyr5X0aasVLrLtqkg4K2K6.png)
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)008|571x500](upload://a9MFWoIgi38TYsnRzHn9YM001ez.png)

Dies ist unsere erste Begegnung mit den Kopter-Gegnern. Da sie sich drehen und so viel bewegen, bekommt man sie nie richtig zu sehen, weshalb sie für mich immer sehr seltsam aussahen. Mein Gehirn konnte sich nicht vorstellen, was sie in Bewegung eigentlich sein sollten. Es stellt sich heraus, dass es einfach kleine, dürre Reptilien mit Eishockeyhelmen sind, die mit ihren Händen Rotorblätter vor sich herhalten. Seltsam!
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)009|571x500](upload://uLRQl0nldVXzZduYGecnuDKtlLI.png)

Die Kopter sind immun gegen unsere Angriffe und verletzen uns von den Seiten, daher ist es im Allgemeinen die beste Wahl, Abstand von ihnen zu halten. Am Ende müssen wir jedoch unser besseres Urteil verraten und auf einem von ihnen ziemlich weit durch einen vertikalen Tunnel springen, um ein Bonusfass zu erreichen.
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)011|571x500](upload://leUDRxslTtAPYdHdLQwHnfHxH2D.png)
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)012|571x500](upload://9qsMfb5XT8oYDGN3nvhPxC182PK.png)

Dieses Bonuszimmer dreht sich (im wahrsten Sinne des Wortes) um diese indirekte Form des Vortriebs!
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)013|571x500](upload://9tExOD8g2TR5Iuq2lWFRyyVJ8AX.png)

Die obligatorische Besuche bei Wrinkly Kong.
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)015|571x500](upload://b7t1JUYAbsun2kZ6qBQXrkxyvvF.png)

Seit dem letzten Mal haben wir einige der Item-Boxen gefüllt.
![Donkey Kong Country 3 - Dixie Kong's Double Trouble! (USA) (En,Fr)016|571x500](upload://VcTwOnM3nhfBBOpQTp91H4z756.png)

Zeit, Benny zu besuchen. Wie bereits von @Obskyr angemerkt, sind dieser und sein Bruder Björn nach zwei Mitgliedern der schwedischen Gruppe ABBA benannt. Wenn du weiter mit ihm sprichst, sagt er „take a chance on me

[TomoftheFog (Tom)]

Vielen Dank für das Update, ich werde es von nun an sicher verwenden.

Die Länge war kein Faktor, als ich es getestet habe. Ich habe viel kürzere Beiträge ausprobiert und festgestellt, dass das gleiche Problem auftritt. Das Einzige, was wirklich auffällt, ist, dass es zu passieren scheint, wenn der Beitrag mit verstecktem Text der neueste Beitrag in einem Thema ist. Sobald eine Antwort gepostet wurde, funktioniert er wie gewohnt.

Zum Beispiel funktioniert der Beitrag über Ihrem jetzt wie gewohnt, aber vor Ihrem Beitrag würde er direkt am Ende davon landen.

[Moin]

@tobiaseigen

Ich kann es in Details, die sich von unten erweitern, wenn man sich am Ende eines Themas befindet nicht reproduzieren, sehe es aber im Beitrag über diesem hier.

Ich kann . Ich denke, es hängt von der Größe des Browserfensters ab, da es von meiner Scroll-Position beeinflusst wird.

[TomoftheFog (Tom)]

Ich habe festgestellt, dass dasselbe passiert, aber meistens springt es einfach zum Ende des Textes zurück, unabhängig von der Position des Feldes in welchem Fenster auch immer ich mich befinde.

Ist dies tatsächlich das Verhalten der „Details ausblenden“-Box und nicht tatsächlich ein Fehler?

[sam (Sam Saffron)]

Ist dieses Fehlverhalten browserübergreifend konsistent? Es fühlt sich an, als ob wir eine Ereignisweiterleitung haben, wo sie nicht sein sollte.

[Moin]

Ich denke schon. Ich kann dies wie oben gezeigt mit Edge und in Firefox reproduzieren:

Ich habe auch bemerkt, dass es diesmal passierte, bevor die Zeitleiste am Ende des Themas eingerastet war.

[TomoftheFog (Tom)]

Ja, ich habe es sowohl unter Chrome als auch unter Firefox gefunden, unter Android und Linux, und andere Forennutzer berichten über dasselbe auf anderen Betriebssystemen.

[Don]

Es wäre großartig, wenn die Positionen von row (Beiträge) und topic-navigation (Zeitleiste) im DOM vertauscht würden. Jetzt ist es umgekehrt und mit CSS-Grid an der richtigen Stelle platziert. Was meiner Meinung nach das Problem verursacht. Das Problem tritt nur unter 924px auf, wenn die Spalten untereinander angeordnet sind und sich unten befinden. Aber es ist wahrscheinlich nicht möglich und deshalb ist es umgekehrt angeordnet.

[sam (Sam Saffron)]

@david / @jordan.vidrine Gedanken, sollen wir das DOM austauschen? Ich schätze, der Nachteil ist, dass dies potenziell viele Dinge kaputt machen könnte, wenn wir es austauschen.

[david (David Taylor)]

Dies geschieht aufgrund von Scroll Anchoring in Chrome und Firefox (bald auch in Safari). Diese Funktion ermöglicht es Browsern, sich an einem sichtbaren Element zu “verankern”, sodass das Einfügen von Inhalten oberhalb des Ansichtsfensters keine Verschiebung der Scroll-Position verursacht.

Firefox hat einen Debug-Modus für diese Funktion, der durch Aufrufen von about:config und Umschalten von layout.css.scroll-anchoring.highlight aktiviert werden kann. Man kann also sehen, dass es sich normalerweise an etwas im Post-Stream anlehnt:

Wenn Sie jedoch zu weit nach unten scrollen, während die Zeitleiste eingeklappt ist, wird die Zeitleiste als Ankerpunkt gewählt:

Wie @don sagt, liegt das daran, dass die Reihenfolge der Elemente im DOM anders ist als die angezeigte Reihenfolge. Es scheint, dass der Scroll-Anchoring-Algorithmus das DOM der Reihe nach durchläuft und das erste vollständig sichtbare Element auswählt, das er finden kann. Wenn also die eingeklappte Zeitleiste sichtbar ist, wird sie immer vor dem Post-Inhalt ausgewählt.

Das Ändern der Reihenfolge würde helfen, aber ich wäre besorgt über mögliche Regressionen. Außerdem frage ich mich, ob es einen Grund hat, dass es so herum ist (Bildschirmlesegeräte, vielleicht?).

Die einfachste Lösung hier ist, overflow-anchor: none für die Zeitleiste festzulegen. Dann wird sie nie zum Ankern ausgewählt:

UX: Do not anchor scroll on topic navigation/map