carbon-design-system / carbon-components-angular

An Angular implementation of the Carbon Design System for IBM.
https://angular.carbondesignsystem.com
Apache License 2.0
520 stars 295 forks source link

Dropdown not showing items when being used in a modal dialog #1816

Open sfrom opened 3 years ago

sfrom commented 3 years ago

Tested with carbon componts 10.34.0 and carbon components angular 4.48.3

When opening a dropdown in a modal dialog the item list is not shown. It makes no difference if the list opening direction is up or down. I have to add the following css to make it work.

.bx--modal-content{ overflow: visible; }

.bx--modal-container{ overflow: visible; }

I have tested react and vue dropdown component and they work as expected.

cal-smith commented 3 years ago

This may be another upstream regression 😞 If you inspect the DOM is the menu shown somewhere near the body?

sfrom commented 3 years ago

Yes, the menu is shown in the DOM just above the closing body tag.

image

cal-smith commented 3 years ago

If you edit that style for the menu and add an extremely high z-index does that fix the issue?