[Bug]: Dropdown menu should overlay Modal

[alissa9090]

Package

carbon-components-react

Browser

Chrome

Package version

7.43.0

Description

I think that would be cool if dropdown menu will overflow modal so that you don't have to scroll to see the menu.

.bx--modal-container, bx--modal-content { overflow: visible; } helps to solve the problem for modal that don't have scrolling content.

But I cannot find a good solution for the case when you do have scrolling content (like in my example in codesandbox).

That's how it looks now

That's how it should look like

CodeSandbox example

https://codesandbox.io/s/epic-cookies-emg02?file=/src/index.js

Steps to reproduce

1. Create a modal
2. Create dropdown inside modal body
3. Click on dropdown to open menu

Code of Conduct

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

[alissa9090]

Looks like a duplication of #9732

[dakahn]

closing as a dupe #9732 👍🏾