microsoft / microsoft/SandDance

Label is hard to click when there are a lot of labels

Open
#255 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
7.1k
Forks
573
Avg merge
8d 9h
Merged PRs (30d)
4

Description

Hi, looks like the label is hard to click when they are small, although the cursor is a misleading pointer. This can be illustrated as below:

  1. Access https://sanddance.js.org/app/
  2. Change to Bar
  3. Switch Y Axis to "State"
  4. Click Y axis labels (you will find that the cursor is always pointer, but only a very small area is hoverable & clickable).

On the other hand, sometimes the cursor is displayed as hand, while the label is actually clickable:

sanddance

Contributor guide

No contributing guide indexed for this repository

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 issue at https://sanddance.js.org/app/ using Bar mode and State on the Y Axis, then inspect the label interaction entry point. Ensure the intended label area is clickable and that the cursor accurately reflects whether a label can be clicked.

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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.