Dropdown/Multiselect: Element within parent

[JordanWSmith15]

What package(s) are you using?

Carbon React, current version

• carbon-components
• carbon-components-react

Detailed description

Gif of issue

You can also see this occurring on the on the Carbon Design site itself, https://www.carbondesignsystem.com/components/dropdown/code

Is this issue related to a specific component?
Multi-select, dropdown
What did you expect to happen? What happened instead? What would you like to
see changed?
Dropdown menus should not cause internal scrolls within their containers, but instead, appear on top of anything below them
What browser are you working in?
Chrome, Safari, Firefox
What version of the Carbon Design System are you using?
Current
What offering/product do you work on? Any pressing ship or release dates we
should be aware of?
Maximo

[tw15egan]

You should be able to override the overflow-y: auto on .bx--modal-content as well as the overflow: hidden on bx--modal-container. Unsure if unsetting this on our end will have unintended consequences, but should resolve your situation.

[JordanWSmith15]

@tw15egan I'm a UX designer, not a developer, but I wanted to report this on behalf of my dev team. I guess I'm concerned that we need more of a "global" fix to this problem. The example in the Carbon Design System site, for example, wouldn't be fixed that way.

[abbeyhrt]

Talked with design about this problem and they agree that the dropdown should open on top of anything below them. There is also another issue tracking allowing the dropdowns to open up instead of down #4686

[JordanWSmith15]

Seems that the ability to open the combobox upwards is implemented, but not for the Filterable version, which is the one my product uses, so this issue is still valid. Any updates?

[tw15egan]

Good catch @JordanWSmith15, will add that in now