[Bug]: MenuButton and ComboButton not closing when clicking outside in a Modal

[riddhybansal]

Package

@carbon/react

Browser

No response

Package version

v10.62

React version

No response

Description

When using MenuButton and ComboButton components inside a ComposedModal in Carbon Design System, the menus do not close when clicking outside of the menu area. This behavior is inconsistent with the expected behavior of dropdowns and menus, which should close when clicking outside of them.

Reproduction/example

https://stackblitz.com/edit/github-f6aces?file=src%2FApp.jsx,package.json

Steps to reproduce

1. Create a ComposedModal with MenuButton and ComboButton components inside the modal body.
2. Open the modal.
3. Click on the MenuButton or ComboButton to open the menu.
4. Click outside the menu area within the modal or outside the modal.
5. Notice that the menu remains open.

Expected Behavior:
The menu should close when clicking outside of the menu area, both within the modal and outside the modal.

Actual Behavior:
The menu remains open when clicking outside of the menu area.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

May be fixed by #17277

This is a separate issue

[preetibansalui]

Should be fixed with this PR