Skip to content

MR finding/vulnerability modal `Links` overrun content area

Summary

The Links urls may overlap the content area if they are too long.

image

Steps to reproduce

  1. Navigate to an identified vulnerability finding within the MR widget or Pipelines/Security page.
  2. Click the vulnerability to see the finding details.

Example Project

https://gitlab.com/gitlab-examples/security/security-reports/-/pipelines/154314453/security

What is the current bug behavior?

Text extends past the modal content area and into the page background.

What is the expected correct behavior?

Text should wrap or be truncated.

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

  1. Apply word-wrapping using CSS class gl-word-break-all
Edited by Lindsay Kerr