Frontend: Dropdown in the pipeline mini graph is difficult to interact with

Release notes

Problem to solve

In the pipelines list page, the dropdown in the pipeline mini graph is difficult to interact with.

• The dropdown should not close when you click on the "run" button on one of the jobs.
• The page should not do a full refresh

It makes it difficult to trigger those jobs since you have to reopen the dropdown every time it closes. The full page refresh creates lower perceived performance, slows down the experience.

This is a recording of the current experience https://gitlab.com/gitlab-org/gitlab/uploads/d5230a7903dae71ba10bcf919333837a/bug.mp4

Intended users

• Sasha (Software Developer)
• Devon (DevOps Engineer)

User experience goal

Proposal

1. When user clicks to run a manual job, it should run and status should update. The dropdown should remain open unless closed by the user.
2. We should avoid a full page refresh. The job should start running in the background, without a full page refresh.

similar to how we do it on the pipeline view

https://gitlab.com/gitlab-org/gitlab/uploads/b97ef6ac3dd46e70cb46dee22ddcdc8b/fixed_bug.mp4

Further details

Permissions and Security

Documentation

Availability & Testing

What does success look like, and how can we measure that?

What is the type of buyer?

Is this a cross-stage feature?

Links / references