Combobox drop-down list out of container

Salesforce Asked by Ika Tobihi on December 13, 2020

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.

One Answer

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;

Correct answer by H R on December 13, 2020

Add your own answers!

Ask a Question

Get help from others!

© 2024 All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP