Combobox drop-down list out of container

Question

I am using a combobox inside a modal and I have a problem. You see, when I want to pick a value for the combobox, the dropdown list is shown under it, inside the modal container. And because the modal is small, the user has to scroll inside the modal to pick their value. Very unpractical.

I was wondering if there was any way that the picklist would show "above" the container, in order to see the values without making the modal bigger or having to scroll inside it. I read the documentation on the component but

See the playground below to understand what I mean. Just click on the button to show the modal, and try to select a value for the combobox.

Playground

Notice that it's even unusable if you add dropdown-alignment="bottom-left" to the combobox tag.

In any case, thanks for stopping by.

Answer 1

This is duplicate to Styling lightning:combobox drop down to not hide inside modal and extend modal length?

try using this in your CSS file.

:host .slds-modal__content{
    overflow: initial;
}