Tengo un componente de mapa de ruta donde las barras están organizadas por tiempo en el eje horizontal (y por cualquier cosa dependiendo de los filtros para el eje vertical). Estoy tratando de desplazarme a un HTMLElement usando scrollIntoView. El desplazamiento implica tanto el desplazamiento vertical como el horizontal. Estoy usando el método scrollIntoView.

 roadmapItemEl.scrollIntoView({ block: 'center', inline: 'center', behavior: 'auto' });

En general, funciona como se esperaba. Sin embargo, cuando se desplaza automáticamente a una barra en el lado derecho del elemento activo actual, toda la página se desplaza hacia la izquierda, exponiendo espacios en blanco. Esto sucede solo en Chrome .
(Nota: probé todas las combinaciones de las opciones de scrollIntoView. Nada cambió)

Normal:

Después de desplazarse automáticamente a una barra a la derecha: (Nota: esto solo se soluciona si me desplazo automáticamente a una barra a la izquierda)

Lamentablemente, no puedo compartir mucho código, por lo que no espero una comprensión completa aquí. Sin embargo, solo necesito saber qué buscar. Aquí están mis preguntas:

1. ¿De qué es exactamente este espacio en blanco? (¿cuerpo?) ¿Se puede deshacer de él?
2. ¿En qué situaciones suele ocurrir esto?
3. ¿Existen alternativas a scrollIntoView que podrían ser más adecuadas para dicho desplazamiento automático (¿quizás más ajustadas para el desplazamiento horizontal?)?
4. Razón probable por la que solo Chrome se ve afectado.