0

We have created a custom table using Lightning web Component. In that table some of columns are of picklist(combo- box). when we click the that combo box Options are hiding behind the footer. How can we overflow it so that options will come on top of footer.enter image description here

4 Answers 4

1

This is a common behavior with lwc components. So far, we have managed this by setting an overflow to the container, or by modifying the height of the container when elements of this nature are clicked. there are not too many options to work around this unfortunately.

0

For some lwc components you can set the z-index value which basically set the cmp to more foreground or more background. Open developer console in your browser and try to play with the z-index value. For example here

enter image description here

you can see that the z-index is defined by the css var --slds-c-popover-position-zindex, try in your cmp css style to set this variable to desired value. It should override the value defined in the standard lwc component. Here is more info.

0

You can use dropdown-alignment="auto". Combobox will calculate position based on the available screen size.

enter image description here

-2

One option is to replace your combobox with the standard HTML select tag. See my answer here on a similar question.

You must log in to answer this question.

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