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.


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

In any case, thanks for stopping by.

1 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;
  • 1
    Apparently I had a weird way to phrase it since I didn't find that post, thank you for plugging it in. You also need to mark the combobox as position: absolute
    – Ika
    Dec 3, 2020 at 9:26

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .