Chartjs-Chart.js mouseover tooltips appears when cursor in wrong position

1👍

✅

The problem isn’t with display:flex it is with:

html{
    zoom: 90%;
}

This must mess with how chartjs calculates the datapoint position, if you remove the above code from your stylesheet then it will fix your problem.

I have created a fiddle to tidy up your sylesheet and demonstrate this working: https://jsfiddle.net/kopf7d0L/

1👍

You can inverse zoom in div chart

body{
 zoom:90%;
}

.chart{
 zoom:calc(1/0.9);
}