Skip to content
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 our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip jumping around when using bar chart in ShadowRoot #4794

Closed
BeWoFinum opened this issue Nov 6, 2024 · 0 comments
Closed

Tooltip jumping around when using bar chart in ShadowRoot #4794

BeWoFinum opened this issue Nov 6, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@BeWoFinum
Copy link

BeWoFinum commented Nov 6, 2024

Description

When hovering over a bar in a bar chart the tooltip first appears in the correct position, then jumps to the far left edge of the chart.
This only happens when the chart is rendered in a ShadowRoot.

From what i could find:

  • It does not happen in line charts.
  • It does not happen when options.tooltips.insersect == false.
  • It does happen with multiple series of bars.
  • It does not happen in horizontal bar charts.

Steps to Reproduce

  1. Move the cursor over a bar.
  2. The tooltip appears and jumps to the left moments later.

Expected Behavior

The tooltip stays in position somewhere close to the bar, until the cursor is moved away.

Actual Behavior

The tooltip quickly moves to the left edge of the chart.

Screenshots

bar-chart

Reproduction Link

Bar chart example (this doesn't work as expected):
https://codepen.io/BeWoFinum/pen/abeRdKV

Line chart example (this works as expected):
https://codepen.io/BeWoFinum/pen/jOgeWdq

@BeWoFinum BeWoFinum added the bug Something isn't working label Nov 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant