dequelabs / dequelabs/axe-core

"More Options" tooltip covers "Start Run" button

Open
#4,479 1 comment 0 reactions 0 assignees View on GitHub
extension
Dominant language
JavaScript
Stars
7.5k
Forks
933
Avg merge
2d 23h
Merged PRs (30d)
17

Description

### Product

axe Extension

### Product Version

v4.80.1

### Latest Version

- [X] I have tested the issue with the latest version of the product

### Issue Description

#### Expectation
Place tooltips such that they do not cover controls.

#### Actual
The tooltips of controls close to the edges of the page will align horizontally, typically covering the controls next to it.

This is most aggravating with the "More Options" tooltip as it covers the control for "Start X run" in the IGT list. 9 times out of ten I overshoot, or quickly cross over the "More Options" button, and the tooltip covers my actual target. Of course the tooltip then stays there, because by placing the cursor on top of the "Start run" button I'm now hovering on the tooltip. ESC doesn't work so I have to remove the cursor entirely and try again.

![tooltip covering button](https://github.com/dequelabs/axe-core/assets/29152490/01305ad7-c9db-476b-9e89-82c8f89034c6)

I noticed the same issue on the "First page" tooltip covering the "Previous page" button on the list of IGT test runs, but I've never needed to use this button.

#### How to Reproduce
Hover the "More Options" button, the tooltip will cover the "Start run" button.

#### Additional context
Perhaps the tooltips can be placed to the bottom or top without the anchor _needing_ to be in the center?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.