Icons from menu are interactive with mouse even the menu is closed

[edimitchel]

Describe the bug

When you move the mouse close to the menu, you can open the menu by interacting with an icon from the menu (open new tab icon, social icons, etc..).

Reproduction

1. Go on https://vitepress.vuejs.org/.
2. Hover Resources menu
3. Locate visually where there is an icon
4. Move out the mouse from the menu (to close it)
5. Move your mouse near you locate the icon before
6. See the menu open.

Visible on https://vitejs.dev/ also but not on https://vuejs.org/

Expected behavior

Menu should only be opened by hovering his trigger menu item (e.g. Resources), not on any other element.

System Info

Firefox, Chrome

Additional context

I see a rule which create this issue:

.container[data-v-c98cfae7] * {
  pointer-events: all;
}

By disabling it, it works as expected.

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[edimitchel]

The PR which create that issue: #1182

vitepress/src/client/theme-default/components/VPNavBar.vue

Line 104 in 0048e2b

pointer-events: all;