CvOverflowMenu: Unable to close upon clicking outside if OverflowMenuItem first child is disabled

[shijiasiow-u]

Detailed description

Describe in detail the issue you're having.

When first overflow menu item is disabled, the overflow menu is able to open but unable to close upon click outside of overflow menu. This does not happen if disabled item is on second child onwards.

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug

Is this issue related to a specific component?

CvOverflowMenu

What did you expect to happen? What happened instead? What would you like to see changed?

Expectation: Overflow menu able to close upon clicking outside of overflow menu no matter which order disabled item is in.

What browser are you working in?

MacOS Chrome Version 141.0.7390.54 (Official Build) (arm64)

What version of the Carbon Design System are you using?

3.0.27

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

None

Steps to reproduce the issue

1. Open https://vue.carbondesignsystem.com/?path=/docs/component-cvoverflowmenu--default-story
2. Click on the overflow menu kebab and inspect element on the first overflow menu item
3. Remove the first overflow menu item on DOM Elements
4. Click on the overflow menu kebab again
5. Try to click outside of overflow menu and it is unable to close

Additional information

Component._.CvOverflowMenu.-.Default.Storybook.mp4

[github-actions]

This issue has been marked as stale because it has required additional
info or a response from the author for over 14 days. When you get the
chance, please comment with the additional info requested.
Otherwise, this issue will be closed in 28 days.