Chartjs-Bubbling mouse event to parent canvas that is of chart.js

29 September 2023 by thecoderscamp.com

1👍

✅

A simple way to prevent mouse events on your elements and, as a result, getting them in the element behind is using the CSS property pointer-events

For your case, simply set the property with the value none in your tooltip class:

.tooltip {
    pointer-events: none;
    position: absolute;
    width: 300px;
}