[Solved]-ChartJs (ver: 2.8.0): Custom tooltip does not hide if clicked (or mouse pointer is moved) outside the chart canvas area-Chart.js

i found the solution! just by adding mouseout event to the chart events option, i got it resolved.

the custom added tooltip now hides when mouse is moved or clicked outside the chart area.

code:

options: {
  events: ["click", "mouseout"],
....
...

here is the link to my updated js fiddel example.