bug(material/tooltip): fix for tooltip created a new problem

[ewolfman]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

13.2.4

Description

Hi,

I think that this fix: #24475 created a new issue:
When the tooltip is showing you can move the mouse to it (nice), however when you move the mouse even further away, the tooltip should having been closed. But the current behavior is that the tooltip remains until you leave the margin area (I think), causing the transparent margin to 'hide' controls beneath the tooltip and they cannot be reached using the mouse.

Reproduction

See this example: https://stackblitz.com/edit/angular-tmb9al-4kaa4l?file=src/app/tooltip-delay-example.html

1. Hover over button and tooltip shows.
2. Try clicking on the input field while the tooltip is showing.

Expected Behavior

Tooltip should not block focusing on elements (behavior as it was before 13.2.5).
Same demo with 13.2.4: https://stackblitz.com/edit/angular-tmb9al-1wtpjv?file=package.json,src%2Findex.html,package-lock.json,src%2Fapp%2Ftooltip-delay-example.html

13.2.4.mp4

13.2.5.mp4

Actual Behavior

Cannot click the input field.

Environment

• Angular: 13.2.5
• CDK/Material: 13.2.5
• Browser(s): Edge, Firefox

[eddyuk]

Can this also be fixed in legacy components please?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}