'Let click go through the mt-tooltip component

I'm using the mat-tooltip component.

We can see here, when hovering the red with the mouse, over the red container, angular does add the mat-tooltip-component on top of it.

but as long as I'm hovering the mat-tooltip-component, I'm unable to click on the admin button that we see here.

I tried to disable the pointer event to the mat-tooltip-component like follow

mat-tooltip-component {
  pointer-events: none;
}

But now the tooltip wont disappear anymore. surely because it listen to the "on mouse leave" of this element...

Does anybody face the same problem and had found a solution to it ?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source