Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

bugfix: issue 11801#11849

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Draft
sunjh wants to merge1 commit intochartjs:master
base:master
Choose a base branch
Loading
fromfidelity-contributions:bugfix/issue-11801-tooltip-visible-on-legend-hover

Conversation

sunjh
Copy link

Add some extra check to make sure the tooltip be hidden while cursor moving outside of the chart. This is to fix the issue#11801

const options = this.options.setContext(this.getContext());
const active = this._active;
let properties;
let tooltipItems = [];

if (!active.length) {
if (!active.length || !inChartArea) {
Copy link
Collaborator

@LeeLenaleeeLeeLenaleeeAug 4, 2024
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

It seems that this behavior was added intentionally and is not a bug when I look at the code and thepr where this got introduced.

I will look at this later to see if this might break any implementations that rely on that behavior

image

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Thanks for the feedback.
Correct me if I'm wrong, from my understanding, the!active.length is added to make sure the chart can be interactive even when the cursor is out of it (hovering over the legend and high light the corresponding data in the chart).
Adding the extra check will only effect the visibility of the tooltip in this scenario.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Hi@LeeLenaleee, do you think this is a proper change or do you have any further comments on this?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Hi, I tested the changes, what you said is correct, this does still work with externally calling code tosetActiveElements. Although the name is kind of misleading in those cases. Since the bool is calledinChartArea, but when you usesetActiveElements you are not in the chart area.

Also this change seems to introduce a new bug. When you move your mouse to the legend quickly and return to the same slice the hover does not trigger anymore

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Thanks@LeeLenaleee , I tested it and tried to fix that, but looks like it's not a simple change. I will change this PR to draft and work on this continuously.

@sunjhsunjh marked this pull request as draftAugust 27, 2024 07:07
Signed-off-by: Saber Sun <saber.sun@fmr.com>
@kayhernkayhernforce-pushed thebugfix/issue-11801-tooltip-visible-on-legend-hover branch from5f1d470 to66a5204CompareAugust 30, 2024 13:25
@sunjhsunjh marked this pull request as ready for reviewAugust 30, 2024 15:47
@sunjhsunjh marked this pull request as draftSeptember 27, 2024 01:39
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Reviewers

@LeeLenaleeeLeeLenaleeeLeeLenaleee left review comments

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

2 participants
@sunjh@LeeLenaleee

[8]ページ先頭

©2009-2025 Movatter.jp