Tooltips don't disappear and blocks UI interactions, behaves strangely when highlighted and scrolling

Summary

A customer reports that tooltips shown when marking source files as reviewed doesn't disappear, and blocks UI interactions. This behaviour is particularly strange when the element (for which the tooltip is displayed) is highlighted (blue box around it).

Steps to reproduce

  1. Create a test project with multiple files
  2. Create a branch, and make changes to multiple files
  3. Create a merge request
  4. Click on changes, tab to the checkbox for "viewed", then hover the mouse over it to produce a tooltip
  5. Scroll down/up - see the weird behaviour
  6. Tab off the browser tab, and back to it - see the weird behaviour (tooltip gets redrawn)

What is the current bug behavior?

It seems to be when the elements are highlighted that the misbehave. They often block UI elements and prevents interactions with elements underneath it

What is the expected correct behavior?

Tooltips should disappear, and tooltips should still allow UI interactions with the elements behind them

Relevant logs and/or screenshots

Screenshot_2024-01-25_at_12.12.48

Enregistrement_de_l_écran_2024-01-25_à_10.55.07__2_

(For installations with omnibus-gitlab package run and paste the output of:
`sudo gitlab-rake gitlab:env:info`)

(For installations from source run and paste the output of:
`sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)

Results of GitLab application Check

Expand for output related to the GitLab application check 
(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true)


(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)


(we will only investigate if the tests are passing)

Possible fixes