'Hide mat-tooltip immediately when mouse leaves button

Latest Angular Material v13 upgrade is causing this mattooltip issue

When a button is hovered it shows tooltip and overlaps with the adjacent controls not allowing to click until mouse is moved away from the tooltip

How can I immediately close this mattooltip when mouse pointer leaves its parent control (Action Button) and access the adjacent controls (Tooltip Position dropdown)

example here https://material.angular.io/components/tooltip/overview#positioning

tooltip overlap with other controls



Sources

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

Source: Stack Overflow

Solution Source