Skip to content

Add sticky horizontal scrollbar to pipeline graph

Avielle Wolferequested to merge
improve-pipeline-horizontal-scroll into master

What does this MR do and why?

The horizontal scrollbar for pipeline visualization now stays visible at the bottom of the viewport, eliminating the need to scroll down to access it on pipelines with many jobs.

Implementation:

  • Adds a sticky scrollbar element that syncs with main container
  • Hides the native scrollbar on main pipeline container
  • Only appears on top-level pipeline (not nested/linked pipelines)

Changelog: changed

Issue: Frontend: Pipeline overview horizontal scrollba... (#243784)

Screenshots or screen recordings

Before

For pipelines with lots of jobs and stages (like gitlab-org/gitlab!), we had to scroll all the way down to scroll horizontal, and then back up to see the job we want to see 😢

Screen Recording 2025-10-28 at 16.00.28.mov

After

We can scroll horizontally right away! No vertical scroll unless necessary 🎉

Screen Recording 2025-10-28 at 15.59.56.mov

The scrollbar still doesn't show up unless it's needed

Screenshot 2025-10-28 at 16.01.16.png

Edited by Avielle Wolfe

Merge request reports