gl-spinner uses ridiculous cpu amount (56%)

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Summary

The gl-spinner on the MR webpage uses a ridiculous amount of cpu. When it spins it uses around 56% of cpu:

Screenshot_2021-12-21_at_08.52.19

Screenshot_2021-12-21_at_09.01.19

It's really the spinner, when I remove the dom element, or set the animation-iteration-count to 1, cpu usage drops immediately:

Screenshot_2021-12-21_at_08.54.23

Screenshot_2021-12-21_at_09.02.02

Maybe a side-note: The "Checking if merge request can be merged…" never disappears until I manually reload the page, that is a different bug though. But it makes the spinner appear longer and the impact of this bug worse.

Steps to reproduce

  1. Create a new MR with a pipeline

GitLab environment info

Gitlab version 14.5.2-ee.

I'm on a dual-core MacBook.

Edited by 🤖 GitLab Bot 🤖