[Bug Report] [Component] [tooltip] el-tooltip does not disappear when the reference element is in <keep-alive>

[MyNameIsNico]

Bug Type: Component

Environment

• Vue Version: 3.2.37
• Element Plus Version: 2.1.8
• Browser / OS: Chrome/Windows
• Build Tool: Vue CLI

Reproduction

Related Component

• el-tooltip

Reproduction Link

CodeSandbox

Steps to reproduce

Hover on "Go to About" button to show the tooltip and click it. Alternatively click directly on button without waiting for tooltip.
The dynamic component in the should be switched after click.

What is Expected?

The tooltip disappears after the click on the button, because the button is the reference element and not visible anymore

What is actually happening?

The tooltip is still visible (at top left corner or at the previous button position) after switching the dynamic component in the , but the reference element is not visible anymore. Only after clicking on the tooltip it disappears.

Additional comments

It is also reproducible with the latest version of Element Plus (v2.2.5).

Relevant components/files in Codesandbox example are "App.vue" and "Home.vue" in src folder, nothing else.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。