influxdata / influxdata/giraffe

Tooltips should not be visible when cursor is over hidden parts of graph

Open
#683 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement team/dumplings team/ui
Dominant language
TypeScript
Stars
189
Forks
33
Avg merge
3d 15h
Merged PRs (30d)
4

Description

# Current Behavior

Graph tooltips will stay visible when part of a graph is hidden due to scrolling. To reproduce, scroll your dashboard so part of a graph is hidden by the top of the headerbar of the dashboard (where the time range selector is). Start your cursor at the visible part of the graph (with tooltips on) and see that the tooltip appears. Without leaving the graph to the left or right, move the cursor up to the header bar and see that the tooltip remains even though you are now off the visible part of the graph (but obviously above the hidden part of the graph).

Reproduced on safari.

![tt](https://user-images.githubusercontent.com/10736577/94617680-dc3b7e80-025e-11eb-9473-5337617b639f.gif)

# Desired Behavior

The tooltip should only show when my cursor is over visible parts of the graph.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the Safari scenario by scrolling a dashboard so the graph is partly hidden, then moving the cursor from the visible graph to the header bar. Trace the graph tooltip visibility behavior from that interaction; done means the tooltip hides whenever the cursor leaves the graph's visible area.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.