Skip to content

The tooltip is still visible on legend item hover #11801

@teodorachiosa

Description

@teodorachiosa

Expected behavior

The tooltip should be closed if I'm hovering on the legend item.

Current behavior

The tooltip sometimes stays open when I'm hovering the legend item.

image

Reproducible sample

https://codepen.io/teodorachiosa/pen/ZENJEKp

Optional extra steps/info to reproduce

The issue is easy to see on the Chart.js demo application. One very obvious example is this one:

  1. Go to: https://www.chartjs.org/docs/latest/samples/legend/events.html
  2. Hover over the "Red" pie slice
  3. Quickly hover over the legend item labeled "Green"

Current behavior: The "Red" tooltip is still visible.
image

Possible solution

No response

Context

End users might start to confuse the wrong pie slice with the wrong label and value.

chart.js version

4.4.2
Also reproducing on 4.4.3

Browser name and version

Chrome 125.0.6422.147

Link to your project

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions