Chartjs-ChartJs (ver: 2.8.0): Custom tooltip does not hide if clicked (or mouse pointer is moved) outside the chart canvas area

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.