DependencyTrack / DependencyTrack/frontend

Tooltip Can Obscure Buttons Rendering Them Unclickable

Open
#920 0 comments 0 reactions 0 assignees View on GitHub
defect good first issue hacktoberfest p2 size/S
Dominant language
Vue
Stars
171
Forks
250
Avg merge
10h 56m
Merged PRs (30d)
84

Description

### Current Behavior

Depending on your screensize and level of zoom, Tooltip text in Dependency-Track can totally obscure the associated button. When this happens, the button cannot be clicked.

### Steps to Reproduce

This is one place where the problem was observed but there may be others.

1. Navigate to Component Tab for a project.
2. Mouseover the "Upload BOM" button
3. The tooltip may or may not obscure the button. If it does, then use "CTRL -" or "CTRL +" to adjust zoom level, shifting the tooltip enough that the button can be clicked. If it does not, then the reverse is true... you should be able to _cause_ the problem using "CTRL -" or "CTRL +"

![image](https://github.com/DependencyTrack/frontend/assets/4938718/fecc0efd-8b4c-494c-b955-adb72e97976a)

### Expected Behavior

A tooltip should not obscure an associated button even when zoom level is changed.

### Dependency-Track Frontend Version

4.11.3

### Browser

Mozilla Firefox

### Browser Version

127.0.1

### Operating System

Windows

### Checklist

- [X] I have read and understand the [contributing guidelines](https://github.com/DependencyTrack/dependency-track/blob/master/CONTRIBUTING.md#filing-issues)
- [X] I have checked the [existing issues](https://github.com/DependencyTrack/frontend/issues) for whether this defect was already reported

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the overlap on a project's Component tab: hover over Upload BOM and vary browser zoom in Firefox 127.0.1, as reported for frontend 4.11.3. Locate that button's tooltip configuration; no source files or tests are named. Done means the tooltip no longer obscures the button and the button remains clickable across screen sizes and zoom levels.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.