Esto ocurre debido al anclaje de desplazamiento en Chrome y Firefox (próximamente en Safari). Esta función hace que los navegadores se “anclen” a un elemento visible, de modo que la inserción de contenido por encima de la ventana gráfica no provoque un cambio en la posición de desplazamiento.
Firefox tiene un modo de depuración para esta función, que se puede habilitar visitando about:config y activando layout.css.scroll-anchoring.highlight. Así que sí, podemos ver que normalmente se ancla a algo en el flujo posterior:
Pero si te desplazas demasiado hacia abajo cuando la línea de tiempo está colapsada, entonces la línea de tiempo se elige como punto de anclaje:
Como dice @don, esto se debe a que el orden de los elementos en el DOM es diferente del orden de visualización. Parece que el algoritmo de anclaje de desplazamiento recorre el DOM en orden y elige el primer elemento completamente visible que puede encontrar. Por lo tanto, si la línea de tiempo colapsada está a la vista, siempre se elegirá antes que el contenido de la publicación.
Cambiar el orden ayudaría, pero me preocuparían posibles regresiones. Además, me pregunto si está así por alguna razón (lectores de pantalla, ¿quizás?)
La solución más fácil aquí es establecer overflow-anchor: none en la línea de tiempo. Entonces, nunca se elegirá para el anclaje: