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!

Related Questions

Retrieve data from Salesforce using eclipse

1  Asked on December 4, 2020 by bbs_


Footer and Visual Force email template

1  Asked on November 30, 2020 by questionasker123


“This app can’t be upgraded” in an unmanaged package

1  Asked on November 29, 2020 by user1813867


Not able to login to sandbox

1  Asked on November 28, 2020 by amit-visapurkar


Parsing through JSON

2  Asked on November 25, 2020 by shreypuranik_pwn


Ask a Question

Get help from others!

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