DependencyTrack / DependencyTrack/frontend
Tooltip Can Obscure Buttons Rendering Them Unclickable
- 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 +"

### 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