Bulk status change menu appears under filter menu on Vulnerability Report

Summary

When the bulk status option is positioned on the bottom half of the page, the status change reason box aligns vertically above the menu itself. In this case, the filters overlap the options on the bulk status change reason as illustrated here:

Screen_Shot_2021-03-17_at_3.22.27_PM

Steps to reproduce

  • Navigate to the Project Security Dashboard for any project with > 10 vulnerabilities (to allow for scrolling)
  • Select one or more vulnerabilities using the checkbox to expose the bulk status change option
  • Scroll down the page until the bulk status option is positioned in the lower half of the page
  • Expand the bulk status change option & observe that it is positioned behind the filters menu.

Example Project

https://gitlab.com/gitlab-examples/security/security-reports/-/security/vulnerability_report

What is the current bug behavior?

The bulk status change reason menu is positioned behind the filters on the Z-index.

What is the expected correct behavior?

The bulk status change reason menu items display layered on top of the filters menu.

Relevant logs and/or screenshots

Output of checks

Results of GitLab environment info

Expand for output related to GitLab environment info 

(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