Skip to content

Unnecessary horizontal scrollbar shown in expanded rows #248

Description

@tmehnert

Current Behavior:

The frontend is showing a unnecessary horizontal scrollbar when a section inside a table is expanded. The scrollbar scrolls only a few pixels, which is unnecessary because all of the content fits on the screen.

grafik

Steps to Reproduce:

Go to some place where a section in a table is expandable, which is a common pattern on many views of the frontend. Expand it, scroll down and search the horizontal scrollbar. Places to go:

  • Administration, Notifications, Alerts. Then expand an alert in the list.
  • Project, Audit Vurnerabilities. Then expand a vurnerability in the list, the scrollbar will show up on the bottom of the screen.
  • And other places with same ui pattern.

Expected Behavior:

The frontend should not show a horizontal scrollbar until it's necessary.

Environment:

  • Dependency-Track Version: v4.6.0-SNAPSHOT (frontend master)
  • Client Browser: Chrome 105, Firefox 104
  • Client O/S: Windows 11

Additional Details:

Because of the styling this defect can be seen most clearly on Chrome, but happens on Firefox as well. I haven't test it on Safari.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions